diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..c1492d5 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/images/blockscience-logo.webp b/public/images/blockscience-logo.webp new file mode 100644 index 0000000..478a870 Binary files /dev/null and b/public/images/blockscience-logo.webp differ diff --git a/public/images/cadcad-logo.svg b/public/images/cadcad-logo.svg new file mode 100644 index 0000000..35e5a15 --- /dev/null +++ b/public/images/cadcad-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-community.svg b/public/images/icon-community.svg new file mode 100644 index 0000000..ebaaf8b --- /dev/null +++ b/public/images/icon-community.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-discord.svg b/public/images/icon-discord.svg new file mode 100644 index 0000000..17c54eb --- /dev/null +++ b/public/images/icon-discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-github-lg.svg b/public/images/icon-github-lg.svg new file mode 100644 index 0000000..2295af3 --- /dev/null +++ b/public/images/icon-github-lg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-github.svg b/public/images/icon-github.svg new file mode 100644 index 0000000..877a3a7 --- /dev/null +++ b/public/images/icon-github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-inspiration.svg b/public/images/icon-inspiration.svg new file mode 100644 index 0000000..9381324 --- /dev/null +++ b/public/images/icon-inspiration.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-join.svg b/public/images/icon-join.svg new file mode 100644 index 0000000..9381324 --- /dev/null +++ b/public/images/icon-join.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-simulator.svg b/public/images/icon-simulator.svg new file mode 100644 index 0000000..20ec216 --- /dev/null +++ b/public/images/icon-simulator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-tutorials.svg b/public/images/icon-tutorials.svg new file mode 100644 index 0000000..20ec216 --- /dev/null +++ b/public/images/icon-tutorials.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-twitter.svg b/public/images/icon-twitter.svg new file mode 100644 index 0000000..71a320d --- /dev/null +++ b/public/images/icon-twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/icon-youtube.svg b/public/images/icon-youtube.svg new file mode 100644 index 0000000..d936ad6 --- /dev/null +++ b/public/images/icon-youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/images/og-image.png b/public/images/og-image.png new file mode 100644 index 0000000..3c60ff7 Binary files /dev/null and b/public/images/og-image.png differ diff --git a/src/app/globals.css b/src/app/globals.css index f1573c3..4a2eb41 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,25 +1,29 @@ @import "tailwindcss"; :root { - --background: #0a0a0a; - --foreground: #ededed; - --accent: #00d4aa; - --accent-dim: #00b894; - --surface: #141414; - --surface-light: #1e1e1e; - --border: #2a2a2a; - --muted: #888888; + --background: #ffffff; + --foreground: #1a1a1a; + --cadcad-blue: #16ABF9; + --cadcad-lightblue: #16F7F9; + --cadcad-lightblue-hover: #0de0e0; + --surface: #f8f9fa; + --surface-dark: #16ABF9; + --border: #e5e7eb; + --muted: #6b7280; + --muted-light: #9ca3af; } @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --color-accent: var(--accent); - --color-accent-dim: var(--accent-dim); + --color-cadcad-blue: var(--cadcad-blue); + --color-cadcad-lightblue: var(--cadcad-lightblue); + --color-cadcad-lightblue-hover: var(--cadcad-lightblue-hover); --color-surface: var(--surface); - --color-surface-light: var(--surface-light); + --color-surface-dark: var(--surface-dark); --color-border: var(--border); --color-muted: var(--muted); + --color-muted-light: var(--muted-light); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); } @@ -34,50 +38,14 @@ html { scroll-behavior: smooth; } -/* Animated grid background */ -.grid-bg { - background-image: - linear-gradient(rgba(0, 212, 170, 0.03) 1px, transparent 1px), - linear-gradient(90deg, rgba(0, 212, 170, 0.03) 1px, transparent 1px); - background-size: 60px 60px; +/* Header background gradient - matches original cadCAD blue */ +.header-background { + background: linear-gradient(135deg, #16ABF9 0%, #16F7F9 100%); } -/* Glow effect for hero */ -.glow { - box-shadow: 0 0 60px rgba(0, 212, 170, 0.15), 0 0 120px rgba(0, 212, 170, 0.05); -} - -/* Subtle node connection animation */ -@keyframes pulse-node { - 0%, 100% { opacity: 0.3; } - 50% { opacity: 0.8; } -} - -.animate-pulse-node { - animation: pulse-node 3s ease-in-out infinite; -} - -@keyframes float { - 0%, 100% { transform: translateY(0); } - 50% { transform: translateY(-10px); } -} - -.animate-float { - animation: float 6s ease-in-out infinite; -} - -/* Code block styling */ -.code-block { - background: #1a1a2e; - border: 1px solid #2a2a3e; - border-radius: 8px; - font-family: var(--font-mono), 'Courier New', monospace; -} - -/* Gradient text */ +/* Gradient text using cadCAD brand colors */ .gradient-text { - background: linear-gradient(135deg, #00d4aa, #00b4d8, #00d4aa); - background-size: 200% 200%; + background: linear-gradient(135deg, #16ABF9, #16F7F9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; @@ -89,24 +57,16 @@ html { } .card-hover:hover { transform: translateY(-2px); - box-shadow: 0 8px 30px rgba(0, 212, 170, 0.1); - border-color: rgba(0, 212, 170, 0.3); + box-shadow: 0 8px 30px rgba(22, 171, 249, 0.15); + border-color: rgba(22, 171, 249, 0.3); } -/* Section fade-in */ -@keyframes fadeInUp { - from { - opacity: 0; - transform: translateY(20px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -.fade-in-up { - animation: fadeInUp 0.6s ease-out forwards; +/* Code block styling */ +.code-block { + background: #1e293b; + border: 1px solid #334155; + border-radius: 8px; + font-family: var(--font-mono), 'Courier New', monospace; } /* Scrollbar */ @@ -114,12 +74,12 @@ html { width: 8px; } ::-webkit-scrollbar-track { - background: var(--background); + background: #f1f1f1; } ::-webkit-scrollbar-thumb { - background: var(--border); + background: #c1c1c1; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { - background: var(--muted); + background: #999; } diff --git a/src/app/page.tsx b/src/app/page.tsx index 5ec69c7..2507a1e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,7 +2,6 @@ import Header from "@/components/Header"; import Hero from "@/components/Hero"; import WhyHowWhat from "@/components/WhyHowWhat"; import UseCases from "@/components/UseCases"; -import CodeExample from "@/components/CodeExample"; import GettingStarted from "@/components/GettingStarted"; import Community from "@/components/Community"; import Footer from "@/components/Footer"; @@ -15,7 +14,6 @@ export default function Home() { - diff --git a/src/components/CadCADLogo.tsx b/src/components/CadCADLogo.tsx index 4882094..a56567c 100644 --- a/src/components/CadCADLogo.tsx +++ b/src/components/CadCADLogo.tsx @@ -1,30 +1,20 @@ -export default function CadCADLogo({ className = "h-8" }: { className?: string }) { - return ( - - {/* Network node decoration */} - - - - - +import Image from "next/image"; - {/* cadCAD text */} - - cad - CAD - - +export default function CadCADLogo({ + className = "h-10", + variant = "color", +}: { + className?: string; + variant?: "color" | "white"; +}) { + return ( + cadCAD ); } diff --git a/src/components/Community.tsx b/src/components/Community.tsx index 70aa317..185fff3 100644 --- a/src/components/Community.tsx +++ b/src/components/Community.tsx @@ -1,111 +1,92 @@ -const communityLinks = [ - { - name: "Discord", - href: "https://discord.gg/FP2FGJb4tJ", - description: "Real-time discussions and support", - icon: ( - - - - ), - }, - { - name: "Telegram", - href: "https://t.me/joinchat/BehTglN4UOLe83MpgBelzw", - description: "Community chat and announcements", - icon: ( - - - - ), - }, - { - name: "Discourse", - href: "https://community.cadcad.org/", - description: "Forum for in-depth discussions", - icon: ( - - - - ), - }, - { - name: "Twitter", - href: "https://twitter.com/cadcad_org", - description: "Latest updates and news", - icon: ( - - - - ), - }, -]; - export default function Community() { return ( -
-
-
-

- Join our Community -

-

- Connect with researchers, engineers, and enthusiasts building the - future of complex systems simulation. -

-
- -
- {communityLinks.map((link) => ( - -
- {link.icon} -
-

{link.name}

-

{link.description}

- - ))} -
- - {/* Support section */} -
-

Support cadCAD

-

- cadCAD is open-source and community-driven. Support the project - through OpenCollective or crypto donations. -

-
- - - - - OpenCollective - - - - - - ETH Donation - + <> + {/* Community section */} +
+
+
+

+ Join our community +

+
+
+

+ We've open-sourced cadCAD for the community and we want it to + become a community-driven project. Regardless of your skillset, we + invite you to join the conversation through any of our channels: +

+
-
-
+ + + {/* Donation section */} +
+
+
+

+ Support us with a donation +

+
+
+

+ You can support our product on OpenCollective:{" "} + + https://opencollective.com/cadcad1 + +

+

+ You can also send crypto donations to our multisig at:{" "} + + 0xbcd768c566143714309afe87feb901da7543f470 + +

+
+
+
+ ); } diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 796d179..043684b 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,3 +1,4 @@ +import Image from "next/image"; import CadCADLogo from "./CadCADLogo"; const productLinks = [ @@ -25,43 +26,65 @@ const resourceLinks = [ export default function Footer() { return ( -