Update src/app/privacy-policy/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,21 +31,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Menu",
-          id: "menu",
-        },
+          name: "Menu",          id: "menu"},
         {
-          name: "Deals",
-          id: "deals",
-        },
+          name: "Deals",          id: "deals"},
         {
-          name: "Locations",
-          id: "locations",
-        },
+          name: "Locations",          id: "locations"},
         {
-          name: "App",
-          id: "app",
-        },
+          name: "App",          id: "app"},
+        {
+          name: "Privacy",          id: "privacy"},
       ]}
       brandName="FastBite"
     />
@@ -57,13 +51,9 @@ export default function LandingPage() {
       description="Iconic flavor, delivered in seconds. Grab the best deals in your city today by chef med lgraid."
       buttons={[
         {
-          text: "Order Now",
-          href: "#menu",
-        },
+          text: "Order Now",          href: "#menu"},
         {
-          text: "Find a Location",
-          href: "#locations",
-        },
+          text: "Find a Location",          href: "#locations"},
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/tasty-sandwich-red-fork-wooden-board-dark-mix-color-surface-with-free-space_179666-42255.jpg"
@@ -78,20 +68,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Mega Combo",
-          description: "2x Burgers, 2x Fries, 2x Soda at 30% off.",
-          imageSrc: "http://img.b2bpic.net/free-vector/combo-meals-poster-template_23-2148667691.jpg",
-        },
+          title: "Mega Combo",          description: "2x Burgers, 2x Fries, 2x Soda at 30% off.",          imageSrc: "http://img.b2bpic.net/free-vector/combo-meals-poster-template_23-2148667691.jpg"},
         {
-          title: "Student Discount",
-          description: "Get a free side with any meal order.",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-blue-frame-delicious-food_23-2148314141.jpg",
-        },
+          title: "Student Discount",          description: "Get a free side with any meal order.",          imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-blue-frame-delicious-food_23-2148314141.jpg"},
         {
-          title: "Early Bird",
-          description: "Free breakfast item until 10 AM.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-french-fries_23-2150887842.jpg",
-        },
+          title: "Early Bird",          description: "Free breakfast item until 10 AM.",          imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-burger-with-french-fries_23-2150887842.jpg"},
       ]}
       title="Limited Time Deals"
       description="Don't miss out on our seasonal favorites."
@@ -106,41 +87,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Crispy Chicken",
-          price: "$6.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-fast-food_140725-82157.jpg",
-        },
+          id: "p1",          name: "Crispy Chicken",          price: "$6.99",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-fast-food_140725-82157.jpg"},
         {
-          id: "p2",
-          name: "Golden Fries",
-          price: "$2.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187941.jpg",
-        },
+          id: "p2",          name: "Golden Fries",          price: "$2.99",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-fast-food-dishes_23-2149187941.jpg"},
         {
-          id: "p3",
-          name: "Strawberry Soda",
-          price: "$1.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/cold-strawberry-cocktail-with-mint_23-2148196127.jpg",
-        },
+          id: "p3",          name: "Strawberry Soda",          price: "$1.99",          imageSrc: "http://img.b2bpic.net/free-photo/cold-strawberry-cocktail-with-mint_23-2148196127.jpg"},
         {
-          id: "p4",
-          name: "Classic Cheeseburger",
-          price: "$5.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg",
-        },
+          id: "p4",          name: "Classic Cheeseburger",          price: "$5.99",          imageSrc: "http://img.b2bpic.net/free-photo/juicy-chicken-burger-with-fresh-lettuce-crispy-french-fries-wooden-board_181624-50895.jpg"},
         {
-          id: "p5",
-          name: "Spicy Nuggets",
-          price: "$4.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-plastic-fries-blue-background_23-2148314151.jpg",
-        },
+          id: "p5",          name: "Spicy Nuggets",          price: "$4.99",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-plastic-fries-blue-background_23-2148314151.jpg"},
         {
-          id: "p6",
-          name: "Vanilla Shake",
-          price: "$3.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-aperol-spritz-delicious-summer-cocktail_185193-108784.jpg",
-        },
+          id: "p6",          name: "Vanilla Shake",          price: "$3.99",          imageSrc: "http://img.b2bpic.net/free-photo/glass-aperol-spritz-delicious-summer-cocktail_185193-108784.jpg"},
       ]}
       title="Top Picks"
       description="Fan favorites you can't live without."
@@ -152,28 +109,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
-          content: "Get the ",
-        },
+          type: "text",          content: "Get the "},
         {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-her-shopping-list-smartphone_23-2149110874.jpg",
-          alt: "App Promo",
-        },
+          type: "image",          src: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-her-shopping-list-smartphone_23-2149110874.jpg",          alt: "App Promo"},
         {
-          type: "text",
-          content: " FastBite App.",
-        },
+          type: "text",          content: " FastBite App."},
       ]}
       buttons={[
         {
-          text: "Download iOS",
-          href: "#",
-        },
+          text: "Download iOS",          href: "#"},
         {
-          text: "Download Android",
-          href: "#",
-        },
+          text: "Download Android",          href: "#"},
       ]}
     />
   </div>
@@ -186,45 +132,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Alice M.",
-          role: "Student",
-          company: "University",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-eating-tasty-classic-burger-angry-mad-screaming-frustrated-furious-shouting-with-anger-looking-up_839833-29909.jpg",
-        },
+          id: "t1",          name: "Alice M.",          role: "Student",          company: "University",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-eating-tasty-classic-burger-angry-mad-screaming-frustrated-furious-shouting-with-anger-looking-up_839833-29909.jpg"},
         {
-          id: "t2",
-          name: "Bob R.",
-          role: "Chef",
-          company: "Bistro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",
-        },
+          id: "t2",          name: "Bob R.",          role: "Chef",          company: "Bistro",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg"},
         {
-          id: "t3",
-          name: "Charlie D.",
-          role: "Driver",
-          company: "Transit",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-hungry-curly-woman-eats-hot-dog-burger-keeps-mouth-widely-opened-prefers-fast-food-wears-white-formal-shirt-tie-isolated-pink-background-blank-space-your-advertisement_273609-62442.jpg",
-        },
+          id: "t3",          name: "Charlie D.",          role: "Driver",          company: "Transit",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/photo-hungry-curly-woman-eats-hot-dog-burger-keeps-mouth-widely-opened-prefers-fast-food-wears-white-formal-shirt-tie-isolated-pink-background-blank-space-your-advertisement_273609-62442.jpg"},
         {
-          id: "t4",
-          name: "Diana P.",
-          role: "Parent",
-          company: "Home",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-funny-way_23-2150269632.jpg",
-        },
+          id: "t4",          name: "Diana P.",          role: "Parent",          company: "Home",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-eating-funny-way_23-2150269632.jpg"},
         {
-          id: "t5",
-          name: "Ethan W.",
-          role: "Dev",
-          company: "Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67452.jpg",
-        },
+          id: "t5",          name: "Ethan W.",          role: "Dev",          company: "Tech",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-burger-fast-food-cheat-meal-woman-burger-restaurant_169016-67452.jpg"},
       ]}
       title="Loved by Foodies"
       description="What our hungry customers say."
@@ -237,20 +158,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "How long for delivery?",
-          content: "Usually under 30 minutes.",
-        },
+          id: "f1",          title: "How long for delivery?",          content: "Usually under 30 minutes."},
         {
-          id: "f2",
-          title: "Is it fresh?",
-          content: "Always, we source locally.",
-        },
+          id: "f2",          title: "Is it fresh?",          content: "Always, we source locally."},
         {
-          id: "f3",
-          title: "Can I pre-order?",
-          content: "Yes, via the mobile app.",
-        },
+          id: "f3",          title: "Can I pre-order?",          content: "Yes, via the mobile app."},
       ]}
       mediaAnimation="slide-up"
       title="Need Help?"
@@ -267,20 +179,12 @@ export default function LandingPage() {
       description="Feedback, support, or franchise inquiries."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-        },
+          name: "name",          type: "text",          placeholder: "Name"},
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
+          name: "email",          type: "email",          placeholder: "Email"},
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Your message",
-      }}
+        name: "message",        placeholder: "Your message"}}
       imageSrc="http://img.b2bpic.net/free-photo/woman-eating-hamburger-restaurant_23-2148006725.jpg"
     />
   </div>
@@ -289,29 +193,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Brand",
-          items: [
+          title: "Brand",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
       ]}

src/app/privacy-policy/page.tsx

@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPolicyPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="mediumSizeLargeTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "Privacy", id: "/privacy-policy" },
+              ]}
+              brandName="FastBite"
+          />
+        </div>
+        
+        <div id="legal" data-section="legal">
+          <LegalSection
+              layout="page"
+              title="Privacy Policy"
+              sections={[
+                  {
+                      heading: "Data Collection",                      content: { type: "paragraph", text: "We collect information you provide directly to us when you make an order or contact support." }
+                  },
+                  {
+                      heading: "How We Use Your Data",                      content: { type: "paragraph", text: "We use your data to process orders, improve our service, and communicate with you." }
+                  },
+                  {
+                      heading: "Your Rights",                      content: { type: "list", items: ["Right to access your data", "Right to delete your account", "Right to opt-out of marketing"] }
+                  }
+              ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+              columns={[]}
+              bottomLeftText="© 2024 FastBite Brand."
+              bottomRightText="Privacy Policy"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f58718;
   --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --foreground: #120a00e6;
+  --primary-cta: #FF7B05;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #120006e6;
+  --secondary-cta-text: #120a00e6;
   --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background-accent: #FF7B05;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);