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: "About", id: "#about" },
-            { name: "Flavors", id: "flavors" },
+            { name: "Flavors", id: "#flavors" },
-            { name: "Testimonials", id: "testimonials" },
+            { name: "Testimonials", id: "#testimonials" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "#contact" },
+            { name: "Privacy Policy", id: "/privacy" },
+            { name: "Terms of Service", id: "/terms" }
           ]}
         />
       </div>
@@ -89,9 +91,9 @@ export default function LandingPage() {
         <TestimonialCardSix
           testimonials={[
             { id: "1", name: "Chef Emily R.", handle: "@GourmetGrill", testimonial: "Pepper Peak sauces have revolutionized my kitchen. The depth of flavor is unmatched, and the heat is always just right! A true game-changer.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-waiter-carrying-tray-salad-restaurant_1170-2078.jpg?_wi=1", imageAlt: "Chef Emily R. avatar" },
-            { id: "2", name: "Mark T.", handle: "@SpicyEats", testimonial: "I've tried countless hot sauces, but Pepper Peak stands out. The Fiery Habanero is my absolute favorite, perfect for everything!", imageSrc: "https://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=1", imageAlt: "Mark T. avatar" },
+            { id: "2", name: "Mark T.", handle: "@SpicyEats", testimonial: "I've tried countless hot sauces, but Pepper Peak's are definitely the hottest and most flavorful! The Fiery Habanero is my absolute favorite.", imageSrc: "https://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=1", imageAlt: "Mark T. avatar" },
             { id: "3", name: "Sarah L.", handle: "@FoodieAdventures", testimonial: "Incredible quality and fantastic taste. Every bottle is a journey for your taste buds. Highly recommend the Smokey Chipotle!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", imageAlt: "Sarah L. avatar" },
-            { id: "4", name: "David K.", handle: "@HeatSeeker", testimonial: "As a heat-seeker, I can confidently say the Carolina Reaper Fury delivers. It's intensely hot but still packed with amazing flavor.", imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80630.jpg", imageAlt: "David K. avatar" },
+            { id: "4", name: "David K.", handle: "@HeatSeeker", testimonial: "As a true heat-seeker, I can confidently say Pepper Peak delivers the hottest sauces out there. The Carolina Reaper Fury is not just intensely hot, it's packed with amazing flavor too.", imageSrc: "https://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80630.jpg", imageAlt: "David K. avatar" },
             { id: "5", name: "Lisa M.", handle: "@FlavorFanatic", testimonial: "The variety is impressive, and each sauce tells its own story. Pepper Peak has earned a permanent spot in my pantry.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-waiter-carrying-tray-salad-restaurant_1170-2078.jpg?_wi=2", imageAlt: "Lisa M. avatar" },
             { id: "6", name: "James P.", handle: "@TasteBudTrek", testimonial: "From marinades to tacos, these sauces elevate every meal. Pure, delicious heat!", imageSrc: "https://img.b2bpic.net/free-photo/dreams-young-woman-sitting-kitchen-looking-thoughtful_259150-57957.jpg?_wi=2", imageAlt: "James P. avatar" }
           ]}
@@ -171,17 +173,15 @@ export default function LandingPage() {
       </div>
       
       <div id="footer" data-section="footer">
-        <FooterMedia
+        <FooterBaseCard
-          imageSrc="https://img.b2bpic.net/free-photo/chili-sauce-peppers-dark-wooden-surface_1150-42161.jpg?_wi=2"
-          imageAlt="Hot sauce bottles background"
           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/styles/variables.css

@@ -3,7 +3,7 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #060000;;;
-  --card: #522424;;;
+  --card: #1d0d0d;;;
   --foreground: #ffe6e6;;;
   --primary-cta: #ff3d4a;;;
   --secondary-cta: #1f0a0a;;;
@@ -11,7 +11,7 @@
   --background-accent: #b8111f;;; */
 
   --background: #060000;;;
-  --card: #522424;;;
+  --card: #1d0d0d;;;
   --foreground: #ffe6e6;;;
   --primary-cta: #ff3d4a;;;
   --secondary-cta: #1f0a0a;;;

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>
+  );
+}