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

Merge version_2 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -33,7 +33,8 @@ export default function LandingPage() {
         { name: "Home", id: "hero" },
         { name: "Menu", id: "menu" },
         { name: "Story", id: "story" },
-        { name: "Experience", id: "interior" }
+        { name: "Experience", id: "interior" },
+        { name: "Privacy Policy", id: "/privacy-policy" }
       ]}
       brandName="Velvet Roast"
       button={{ text: "Order Now" }}
@@ -68,7 +69,7 @@ export default function LandingPage() {
         {
           id: "p1",          name: "Signature Espresso",          price: "$4.50",          imageSrc: "http://img.b2bpic.net/free-photo/decoration-shop-aroma-art-natural_1203-3813.jpg?_wi=1"},
         {
-          id: "p2",          name: "Cold Brew Reserve",          price: "$6.00",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup_23-2149703699.jpg"},
+          id: "p2",          name: "Cold Brew Reserve",          price: "$6.00",          imageSrc: "http://img.b2bpic.net/high-angle-delicious-coffee-cup_23-2149703699.jpg"},
         {
           id: "p3",          name: "Artisan Morning Set",          price: "$12.00",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-baked-products-arrangement_23-2150251794.jpg"},
         {
@@ -182,15 +183,19 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="Velvet Roast"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      columns={[
+        {
+          items: [{ label: "Our Story", href: "#story" }, { label: "Careers", href: "#" }]
+        },
+        {
+          items: [{ label: "Privacy", href: "/privacy-policy" }, { label: "Terms", href: "#" }]
+        }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/privacy-policy/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import LegalSection from '@/components/legal/LegalSection';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+
+export default function PrivacyPolicyPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="large"
+        background="circleGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Privacy Policy", id: "/privacy-policy" }
+            ]}
+            brandName="Velvet Roast"
+          />
+        </div>
+        <div id="legal" data-section="legal">
+          <LegalSection
+              layout="page"
+              title="Privacy Policy"
+              subtitle="Last updated: May 2024"
+              sections={[
+                  { heading: "Information We Collect", content: { type: "paragraph", text: "At Velvet Roast, we value your privacy. We collect information you provide directly to us, such as when you create an account, place an order, or subscribe to our newsletter." } },
+                  { heading: "How We Use Your Data", content: { type: "list", items: ["To process and fulfill your orders", "To communicate with you about your account or orders", "To improve our services and website experience", "To send you marketing materials, with your consent"] } },
+                  { heading: "Your Rights", content: { type: "paragraph", text: "You have the right to access, correct, or delete your personal data at any time. Please contact us if you have any questions about your data privacy." } }
+              ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="Velvet Roast"
+            columns={[
+              { items: [{ label: "Our Story", href: "/#story" }, { label: "Careers", href: "#" }] },
+              { items: [{ label: "Privacy", href: "/privacy-policy" }, { label: "Terms", href: "#" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #0a7039;
+  --background: #0a0a0a;
+  --card: #171717;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f6f0e9;
+  --secondary-cta: #262626;
   --secondary-cta-text: #2b180a;
-  --accent: #b8a27d;
-  --background-accent: #c4b5a3;
+  --accent: #404040;
+  --background-accent: #171717;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);