diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..083c024 --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,23 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; + +export default function AboutPage() { + return ( + + +
+

About Autosphere Company

+

We are the leader in automotive innovation.

+
+ + +
+ ); +} \ No newline at end of file diff --git a/src/app/company-info/page.tsx b/src/app/company-info/page.tsx new file mode 100644 index 0000000..2c0f3b4 --- /dev/null +++ b/src/app/company-info/page.tsx @@ -0,0 +1,23 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; + +export default function CompanyInfoPage() { + return ( + + +
+

Company Information

+

Dedicated to excellence and innovation at Autosphere Company.

+
+ + +
+ ); +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..bac7d54 --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,21 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; + +export default function ContactPage() { + return ( + + +
+ +
+ +
+ ); +} \ No newline at end of file diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx new file mode 100644 index 0000000..6e8be00 --- /dev/null +++ b/src/app/dashboard/page.tsx @@ -0,0 +1,78 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; +import ReactLenis from "lenis/react"; + +export default function DashboardPage() { + const [savedItems, setSavedItems] = useState>([ + { id: "p1", name: "Urban Explorer SUV", price: "$34,500" }, + { id: "p3", name: "Speedster Convertible", price: "$48,900" } + ]); + + const handleRemove = (id: string) => { + setSavedItems(savedItems.filter(item => item.id !== id)); + }; + + return ( + + + console.log("Logging out") }} + /> + +
+

Your Dashboard

+
+

Saved Vehicles

+ {savedItems.length === 0 ? ( +

No saved vehicles yet.

+ ) : ( +
    + {savedItems.map((item) => ( +
  • +
    +

    {item.name}

    +

    {item.price}

    +
    + +
  • + ))} +
+ )} +
+
+ + +
+
+ ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 3a1baa1..11c02f1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -35,6 +35,7 @@ export default function LandingPage() { { name: "Cars", id: "catalog" }, { name: "Why Us", id: "features" }, { name: "Contact", id: "contact" }, + { name: "Dashboard", id: "/dashboard" }, ]} brandName="AutoSource" button={{ text: "Get Started", href: "#contact" }} @@ -165,4 +166,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +} diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx new file mode 100644 index 0000000..407e895 --- /dev/null +++ b/src/app/services/page.tsx @@ -0,0 +1,23 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; + +export default function ServicesPage() { + return ( + + +
+

Our Services

+

High-quality automotive solutions tailored for you.

+
+ + +
+ ); +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 539ce00..c646970 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f5f5f5; - --card: #ffffff; - --foreground: #1c1c1c; - --primary-cta: #1c1c1c; + --background: #020617; + --card: #0f172a; + --foreground: #e2e8f0; + --primary-cta: #c4d8f9; --primary-cta-text: #f5f5f5; - --secondary-cta: #ffffff; + --secondary-cta: #041633; --secondary-cta-text: #1c1c1c; - --accent: #15479c; - --background-accent: #a8cce8; + --accent: #2d30f3; + --background-accent: #1d4ed8; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);