diff --git a/src/app/layout.tsx b/src/app/layout.tsx index ced5ccb..bdd4eaf 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,20 +1,9 @@ import type { Metadata } from "next"; -import { Nunito_Sans } from "next/font/google"; -import { Halant } from "next/font/google"; import { Inter } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const nunitoSans = Nunito_Sans({ - variable: "--font-nunito-sans", subsets: ["latin"], -}); - -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], - weight: ["300", "400", "500", "600", "700"], -}); - const inter = Inter({ variable: "--font-inter", subsets: ["latin"], }); @@ -47,9 +36,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index a3ceff7..45a7339 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,7 @@ "use client"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import { useState } from "react"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; import HeroCentered from "@/components/sections/hero/HeroCentered"; import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; @@ -10,8 +11,27 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni import FaqBase from "@/components/sections/faq/FaqBase"; import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis"; +import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow"; +import { Moon, Sun } from "lucide-react"; + +const lightTheme = { + "--background": "#ffffff", "--card": "#f9f9f9", "--foreground": "#000000", "--primary-cta": "#000000", "--secondary-cta": "#f9f9f9", "--accent": "#e2e2e2", "--background-accent": "#c4c4c4", "--primary-cta-text": "#ffffff", "--secondary-cta-text": "#000000"}; + +const darkTheme = { + "--background": "#0a0a0a", "--card": "#1a1a1a", "--foreground": "#ffffff", "--primary-cta": "#ffffff", "--secondary-cta": "#1a1a1a", "--accent": "#737373", "--background-accent": "#737373", "--primary-cta-text": "#0a0a0a", "--secondary-cta-text": "#ffffff"}; export default function LandingPage() { + const [isDarkMode, setIsDarkMode] = useState(false); + + const theme = isDarkMode ? darkTheme : lightTheme; + + const toggleTheme = () => { + setIsDarkMode(!isDarkMode); + Object.entries(theme).forEach(([key, value]) => { + document.documentElement.style.setProperty(key, value); + }); + }; + return (
@@ -54,22 +87,22 @@ export default function LandingPage() { avatarText="Trusted by 500+ developers" buttons={[ { text: "Try it free", href: "#contact" }, - { text: "See demo", href: "#about" }, + { text: "See demo", href: "#process" }, ]} buttonAnimation="slide-up" />
-
+
+
+ + + + + + + + Describe + + + ), + content: ( + <> +

Step 1: Describe Your App

+

+ Simply tell Aether DB about your application in plain English. Describe your entities, relationships, and business logic as naturally as you would to a colleague. +

+ + ), + }, + { + id: "2", reverse: true, + media: ( + + + + + + + + + + ), + content: ( + <> +

Step 2: AI Analysis

+

+ Our advanced AI engine analyzes your description, identifies all entities, relationships, and constraints, then generates an optimized schema plan. +

+ + ), + }, + { + id: "3", reverse: false, + media: ( + + + + + + + + + ), + content: ( + <> +

Step 3: Schema Generation

+

+ Aether DB generates production-ready PostgreSQL schemas with proper indexes, constraints, and row-level security policies automatically. +

+ + ), + }, + { + id: "4", reverse: true, + media: ( + + + + + + + + Types + + + ), + content: ( + <> +

Step 4: Complete Code Generation

+

+ Get Zod schemas, TypeScript types, API endpoint definitions, and seed data—all perfectly synchronized with your database schema. +

+ + ), + }, + { + id: "5", reverse: false, + media: ( + + + + + + + + ), + content: ( + <> +

Step 5: Deploy & Scale

+

+ Your production-ready infrastructure is complete. Deploy with confidence knowing your database is secure, optimized, and enterprise-ready. +

+ + ), + }, + ]} + /> +
+