Update src/app/terms/page.tsx

Merge version_8 into main

src/app/layout.tsx

@@ -1404,4 +1404,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function LandingPage() {
   return (
@@ -30,10 +30,12 @@ export default function LandingPage() {
         <NavbarStyleApple
           brandName="Pepper Peak"
           navItems={[
-            { name: "About", id: "about" },
-            { name: "Flavors", id: "flavors" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "About", id: "#about" },
+            { name: "Flavors", id: "#flavors" },
+            { name: "Testimonials", id: "#testimonials" },
+            { name: "Contact", id: "#contact" },
+            { name: "Privacy Policy", id: "/privacy" },
+            { name: "Terms of Service", id: "/terms" }
           ]}
         />
       </div>
@@ -59,7 +61,7 @@ export default function LandingPage() {
           title="The Art of Flavor"
           description="Discover the perfect balance of heat and flavor. We meticulously craft our sauces from hand-picked chili peppers and all-natural ingredients, creating an unforgettable experience that elevates any meal."
           tag="Our Story"
-          buttons={[{ text: "Learn More", href: "#story" }]} 
+          buttons={[{ text: "Learn More", href: "#story" }]}
           imageSrc="https://img.b2bpic.net/free-photo/side-close-up-view-vegetables-bowl-lentil-herbs-vegetables-spices-citrus-fruits-with-leaves_140725-73599.jpg"
           imageAlt="Fresh chili peppers and spices on a rustic table"
           useInvertedBackground={false}
@@ -171,19 +173,17 @@ export default function LandingPage() {
       </div>
       
       <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="https://img.b2bpic.net/free-photo/chili-sauce-peppers-dark-wooden-surface_1150-42161.jpg?_wi=2"
-          imageAlt="Hot sauce bottles background"
+        <FooterBaseCard
           columns={[
-            { title: "Shop", items: [{ label: "Hot Sauces", href: "#flavors" }, { label: "Bundles", href: "/bundles" }, { label: "Merchandise", href: "/merch" }] },
+            { title: "Shop", items: [{ label: "Hot Sauces", href: "#flavors" }] },
             { title: "Company", items: [{ label: "Our Story", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }] },
             { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] }
           ]}
           logoText="Pepper Peak"
           copyrightText="© 2024 Pepper Peak. All rights reserved."
-          ariaLabel="Site footer with navigation and hot sauce imagery"
+          ariaLabel="Site footer with navigation"
         />
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/privacy/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function PrivacyPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Pepper Peak"
+          navItems={[
+            { name: "About", id: "/#about" },
+            { name: "Flavors", id: "/#flavors" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
+            { name: "Privacy Policy", id: "/privacy" },
+            { name: "Terms of Service", id: "/terms" }
+          ]}
+        />
+      </div>
+      <div id="privacy-policy" data-section="privacy-policy">
+        <LegalSection
+          layout="page"
+          title="Privacy Policy"
+          subtitle="Last updated: January 15, 2025"
+          sections={[
+            { heading: "1. Information We Collect", content: [{ type: "paragraph", text: "We collect various types of information in connection with the services we provide, including personal data you voluntarily provide and data collected automatically." }, { type: "list", items: ["Personal identification information (Name, email address, phone number, etc.)", "Usage data (IP address, browser type, pages visited, etc.)", "Transaction data (purchase history, payment method, etc.)"] }] },
+            { heading: "2. How We Use Your Information", content: [{ type: "paragraph", text: "We use the information we collect to provide, maintain, and improve our services, process transactions, send marketing communications, and for security purposes." }, { type: "numbered-list", items: ["To process and fulfill your orders and requests.", "To communicate with you about products, services, offers, and promotions.", "To analyze and understand how you use our services to enhance user experience.", "To detect and prevent fraud and other malicious activities."] }] },
+            { heading: "3. Sharing Your Information", content: [{ type: "paragraph", text: "We do not sell your personal data to third parties. We may share your information with trusted third-party service providers who assist us in operating our website, conducting our business, or serving our users, so long as those parties agree to keep this information confidential." }] },
+            { heading: "4. Your Data Protection Rights", content: [{ type: "paragraph", text: "You have certain rights regarding your personal data, including the right to access, correct, or delete your information. Please contact us to exercise these rights." }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/terms/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function TermsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSizeMediumTitles"
+      background="blurBottom"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Pepper Peak"
+          navItems={[
+            { name: "About", id: "/#about" },
+            { name: "Flavors", id: "/#flavors" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
+            { name: "Privacy Policy", id: "/privacy" },
+            { name: "Terms of Service", id: "/terms" }
+          ]}
+        />
+      </div>
+      <div id="terms-of-service" data-section="terms-of-service">
+        <LegalSection
+          layout="page"
+          title="Terms of Service"
+          subtitle="Last updated: January 15, 2025"
+          sections={[
+            { heading: "1. Acceptance of Terms", content: [{ type: "paragraph", text: "By accessing and using our website and services, you accept and agree to be bound by the terms and provisions of this agreement. If you do not agree to abide by the above, please do not use this service." }] },
+            { heading: "2. Use of Service", content: [{ type: "paragraph", text: "Our services are provided for your personal and non-commercial use. You agree not to use the service for any illegal or unauthorized purpose." }] },
+            { heading: "3. User Accounts", content: [{ type: "paragraph", text: "If you create an account on our website, you are responsible for maintaining the security of your account and you are fully responsible for all activities that occur under the account and any other actions taken in connection with the account." }] },
+            { heading: "4. Intellectual Property", content: [{ type: "paragraph", text: "The service and its original content (excluding content provided by users), features, and functionality are and will remain the exclusive property of Pepper Peak and its licensors." }] },
+            { heading: "5. Limitation of Liability", content: [{ type: "paragraph", text: "In no event shall Pepper Peak, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages, including without limitation, loss of profits, data, use, goodwill, or other intangible losses, resulting from your access to or use of or inability to access or use the Service." }] }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}