diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..aa4ee8b --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,22 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; + +export default function AboutPage() { + return ( + + +
+ +
+ + ); +} \ No newline at end of file diff --git a/src/app/cart/page.tsx b/src/app/cart/page.tsx new file mode 100644 index 0000000..a781809 --- /dev/null +++ b/src/app/cart/page.tsx @@ -0,0 +1,34 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import ReactLenis from "lenis/react"; + +export default function CartPage() { + const [cart, setCart] = useState([{ id: "p1", name: "Cedar Planks", price: "$45", quantity: 1, imageSrc: "" }]); + + return ( + + + +
+

Your Cart

+ {cart.map(item => ( +
+
{item.name} - {item.price}
+
Qty: {item.quantity}
+
+ ))} +
+ + + ); +} \ 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..c1221bb --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,24 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; + +export default function ContactPage() { + return ( + + +
+ +
+ + ); +} \ No newline at end of file diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx new file mode 100644 index 0000000..d69cf71 --- /dev/null +++ b/src/app/login/page.tsx @@ -0,0 +1,18 @@ +"use client"; + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; + +export default function LoginPage() { + return ( + + +
+

Login or Register

+
+ + ); +} \ No newline at end of file diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx new file mode 100644 index 0000000..d0957b3 --- /dev/null +++ b/src/app/menu/page.tsx @@ -0,0 +1,44 @@ +"use client"; + +import { useState } from "react"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; +import ReactLenis from "lenis/react"; + +export default function MenuPage() { + const [filter, setFilter] = useState("all"); + const categories = ["all", "wood", "metal", "vinyl"]; + const items = [ + { id: 1, name: "Cedar Planks", category: "wood" }, + { id: 2, name: "Wrought Iron", category: "metal" }, + { id: 3, name: "Vinyl Panels", category: "vinyl" } + ]; + + return ( + + + +
+

Our Catalog

+
+ {categories.map(cat => ( + + ))} +
+
+ {items.filter(i => filter === "all" || i.category === filter).map(item => ( +
{item.name}
+ ))} +
+
+ + + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index add3c57..5b0f053 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,16 +31,11 @@ export default function LandingPage() { -
- -
- -
- -
- -
- -
- -
- -
- -
- -
-