diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index efe58e8..8c23d01 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -2,81 +2,43 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix'; -import FooterSimple from '@/components/sections/footer/FooterSimple'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; import SplitAbout from '@/components/sections/about/SplitAbout'; -import { User, Users, UserCheck, UserCog } from "lucide-react"; export default function AboutPage() { return ( - + - - -
- -
- -
- -
- - + + + ); diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 57192eb..06f72cf 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -2,78 +2,38 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactSplit from '@/components/sections/contact/ContactSplit'; -import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix'; -import FooterSimple from '@/components/sections/footer/FooterSimple'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import { MapPin } from "lucide-react"; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import ContactSplit from '@/components/sections/contact/ContactSplit'; export default function ContactPage() { return ( - + - - -
- -
- -
- -
- - + + + ); diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx index 649788f..b3a204c 100644 --- a/src/app/gallery/page.tsx +++ b/src/app/gallery/page.tsx @@ -2,144 +2,44 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import FooterSimple from '@/components/sections/footer/FooterSimple'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; -import SplitAbout from '@/components/sections/about/SplitAbout'; -export default function LandingPage() { +export default function GalleryPage() { return ( - + - - -
- -
- -
- -
- - + + + ); diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx index 01e6cdb..5389ad1 100644 --- a/src/app/menu/page.tsx +++ b/src/app/menu/page.tsx @@ -2,82 +2,78 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix'; -import FooterSimple from '@/components/sections/footer/FooterSimple'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; -import { Sprout, WheatOff, ChefHat, Scale } from "lucide-react"; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { useState } from "react"; + +const categories = [ + { id: "burgers", name: "Burgers" }, + { id: "street-food", name: "Street Food" }, + { id: "wraps", name: "Wraps" }, + { id: "fries", name: "Fries & Sides" }, + { id: "drinks", name: "Drinks" }, + { id: "milkshakes", name: "Milkshakes" }, +]; export default function MenuPage() { + const [activeCategory, setActiveCategory] = useState("burgers"); + return ( - + - + -
- -
+
+

Our Menu

+ +
+ {categories.map((cat) => ( + + ))} +
-
- -
+
+ {[1, 2, 3, 4, 5, 6].map((item) => ( +
+

Signature Item {item}

+

Delicious description of our amazing {categories.find(c => c.id === activeCategory)?.name || "dish"}.

+

$9.99

+
+ ))} +
+
- + + + ); -} +} \ No newline at end of file diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx index 0892a76..a169edc 100644 --- a/src/app/order/page.tsx +++ b/src/app/order/page.tsx @@ -2,12 +2,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactSplit from '@/components/sections/contact/ContactSplit'; -import FooterSimple from '@/components/sections/footer/FooterSimple'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; -import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; +import ProductCardThree from '@/components/sections/product/ProductCardThree'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; +import { ShoppingCart } from "lucide-react"; -export default function LandingPage() { +export default function OrderPage() { return ( - + -
- -
+
+ window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Lolly%27s%20Classic%20Burger') } }, + { id: "p2", name: "Crispy Fries & Sauce", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-melted-cheese_23-2149332823.jpg", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Crispy%20Fries%20%26%20Sauce') } }, + { id: "p3", name: "Signature Spicy Wrap", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-concept-with-materials-textiles-disguised-as-sushi-rolls_23-2150771195.jpg", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Signature%20Spicy%20Wrap') } }, + { id: "p4", name: "Creamy Milkshake", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/cacao-milkshake-topped-with-colourful-sprinkles-ice-cream-oreo_140725-8264.jpg", priceButtonProps: { onClick: () => window.open('https://wa.me/1234567890?text=I%20would%20like%20to%20order%20the%20Creamy%20Milkshake') } }, + ]} + textboxLayout="default" + /> +
-
- -
- - + + +
+ +
); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 4d4fea3..d3a447e 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #FFF6E9; + --background: #FFF8E1; --card: #FFFFFF; - --foreground: #1C1C1C; - --primary-cta: #C62828; + --foreground: #1A1A1A; + --primary-cta: #B71C1C; --primary-cta-text: #FFFFFF; - --secondary-cta: #F5A623; + --secondary-cta: #FFD700; --secondary-cta-text: #1C1C1C; - --accent: #C62828; - --background-accent: #FFF6E9; + --accent: #B71C1C; + --background-accent: #FFF8E1; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);