Merge version_5 into main

Merge version_5 into main

src/app/about/page.tsx

@@ -11,11 +11,11 @@ import { Handshake } from 'lucide-react';
 export default function AboutPage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Shop", id: "/shop" },
     { name: "About Us", id: "/about" },
     { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" },
     { name: "Cart", id: "/cart" },
+    { name: "Terms of Service", id: "/terms-of-service" }
   ];
 
   const footerColumns = [
@@ -43,7 +43,7 @@ export default function AboutPage() {
     {
       title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
-        { label: "Terms of Service", href: "#" }
+        { label: "Terms of Service", href: "/terms-of-service" }
       ]
     }
   ];
@@ -54,8 +54,8 @@ export default function AboutPage() {
       defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="mediumSmall"
-      sizing="mediumSizeLargeTitles"
-      background="circleGradient"
+      sizing="largeSizeMediumTitles"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"

src/app/account/page.tsx

@@ -10,11 +10,12 @@ export default function AccountPage() {
     { name: "Product Details", id: "/product-details" },
     { name: "Auth", id: "/auth" },
     { name: "Account", id: "/account" },
-    { name: "Orders", id: "/orders" }
+    { name: "Orders", id: "/orders" },
+    { name: "Terms of Service", id: "/terms-of-service" }
   ];
 
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="large" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple navItems={navItems} brandName="SoleCrafters" />
       <main>
         <div id="account-management" data-section="account-management">
@@ -33,4 +34,4 @@ export default function AccountPage() {
       </main>
     </ThemeProvider>
   );
-}
+}

src/app/auth/page.tsx

@@ -14,7 +14,7 @@ export default function AuthPage() {
   ];
 
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="large" background="aurora" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <NavbarStyleApple navItems={navItems} brandName="SoleCrafters" />
       <main>
         <div id="authentication" data-section="authentication">

src/app/blog/page.tsx

@@ -8,8 +8,11 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 
 const navItems = [
+  { name: "Home", id: "/" },
+  { name: "About Us", id: "/about" },
   { name: "Blog", id: "/blog" },
-  { name: "Contact", id: "/contact" }
+  { name: "Contact", id: "/contact" },
+  { name: "Cart", id: "/cart" }
 ];
 
 const footerNavColumns = [
@@ -40,8 +43,8 @@ export default function BlogPage() {
       defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="mediumSmall"
-      sizing="mediumSizeLargeTitles"
-      background="circleGradient"
+      sizing="largeSizeMediumTitles"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"

src/app/cart/page.tsx

@@ -10,7 +10,6 @@ import Link from "next/link";
 export default function CartPage() {
   const navItems = [
     { name: "Home", id: "/" },
-    { name: "Shop", id: "/shop" },
     { name: "About Us", id: "/about" },
     { name: "Blog", id: "/blog" },
     { name: "Contact", id: "/contact" },
@@ -53,8 +52,8 @@ export default function CartPage() {
       defaultTextAnimation="reveal-blur"
       borderRadius="soft"
       contentWidth="mediumSmall"
-      sizing="mediumSizeLargeTitles"
-      background="circleGradient"
+      sizing="largeSizeMediumTitles"
+      background="aurora"
       cardStyle="glass-elevated"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="layered"
@@ -128,4 +127,4 @@ export default function CartPage() {
       />
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -11,7 +11,8 @@ export default function HomePage() {
     { name: "Product Details", id: "/product-details" },
     { name: "Auth", id: "/auth" },
     { name: "Account", id: "/account" },
-    { name: "Orders", id: "/orders" }
+    { name: "Orders", id: "/orders" },
+    { name: "Terms of Service", id: "/terms-of-service" }
   ];
 
   return (
@@ -42,4 +43,4 @@ export default function HomePage() {
       </main>
     </ThemeProvider>
   );
-}
+}

src/app/terms-of-service/page.tsx

@@ -0,0 +1,174 @@
+"use client";
+
+import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; // Using Apple style for consistency with home, account etc.
+import LegalSection from '@/components/legal/LegalSection';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function TermsOfServicePage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Product Details", id: "/product-details" },
+    { name: "Auth", id: "/auth" },
+    { name: "Account", id: "/account" },
+    { name: "Orders", id: "/orders" },
+    { name: "Terms of Service", id: "/terms-of-service" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/about" },
+        { label: "Blog", href: "/blog" },
+        { label: "Careers", href: "#" }
+      ]
+    },
+    {
+      title: "Shop",      items: [
+        { label: "Collections", href: "/shop" },
+        { label: "Custom Orders", href: "/contact" },
+        { label: "Sale", href: "#" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "Contact Us", href: "/contact" },
+        { label: "FAQs", href: "/contact#faq-section" },
+        { label: "Shipping", href: "#" }
+      ]
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "/terms-of-service" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple navItems={navItems} brandName="SoleCrafters" />
+      </div>
+
+      <main>
+        <div id="terms-of-service-content" data-section="terms-of-service-content">
+          <LegalSection
+            layout="page"
+            title="Terms of Service"
+            subtitle="Last Updated: July 24, 2024"
+            sections={[
+              {
+                heading: "1. Acceptance of Terms",                content: [{
+                  type: "paragraph",                  text: "By accessing and using the SoleCrafters website and services, you agree to be bound by these Terms of Service ('Terms'). If you do not agree with any part of these Terms, you must not use our services."
+                }]
+              },
+              {
+                heading: "2. Services Description",                content: [{
+                  type: "paragraph",                  text: "SoleCrafters provides a platform for designing and purchasing custom streetwear sneakers. Our services include AI-assisted design tools, material selection, order processing, and shipping. All designs are subject to our approval process to ensure quality and compliance."
+                }]
+              },
+              {
+                heading: "3. User Accounts",                content: [
+                  {
+                    type: "paragraph",                    text: "To access certain features, you may need to create an account. You are responsible for maintaining the confidentiality of your account information and for all activities that occur under your account."
+                  },
+                  {
+                    type: "list",                    items: [
+                      "You must be at least 18 years old to create an account.",                      "You agree to provide accurate, current, and complete information during registration.",                      "You must notify us immediately of any unauthorized use of your account."
+                    ]
+                  }
+                ]
+              },
+              {
+                heading: "4. Custom Design Guidelines",                content: [
+                  {
+                    type: "paragraph",                    text: "When submitting custom designs, you agree to the following:"
+                  },
+                  {
+                    type: "list",                    items: [
+                      "Your designs must not infringe on any third-party intellectual property rights.",                      "Designs must not contain offensive, derogatory, or illegal content.",                      "SoleCrafters reserves the right to refuse any design that violates these guidelines without refund."
+                    ]
+                  }
+                ]
+              },
+              {
+                heading: "5. Intellectual Property",                content: [{
+                  type: "paragraph",                  text: "All content on the SoleCrafters website, including text, graphics, logos, images, and software, is the property of SoleCrafters or its content suppliers and is protected by intellectual property laws. You may not use, reproduce, or distribute any content without our express written permission."
+                }]
+              },
+              {
+                heading: "6. Pricing and Payment",                content: [
+                  {
+                    type: "paragraph",                    text: "Prices for custom sneakers and other products are displayed on our website and are subject to change without notice. All payments are processed securely through third-party payment gateways. You agree to pay all applicable taxes and shipping fees."
+                  },
+                  {
+                    type: "numbered-list",                    items: [
+                      "Payment is required in full before production of custom items begins.",                      "Orders are non-refundable once production has started due to the personalized nature of our products, unless a defect is found.",                      "We accept major credit cards and other payment methods as indicated on our checkout page."
+                    ]
+                  }
+                ]
+              },
+              {
+                heading: "7. Shipping and Delivery",                content: [{
+                  type: "paragraph",                  text: "Shipping times and costs vary depending on your location and the selected shipping method. SoleCrafters is not responsible for delays caused by customs, natural disasters, or other unforeseen circumstances. Risk of loss and title for items purchased pass to you upon our delivery to the carrier."
+                }]
+              },
+              {
+                heading: "8. Returns and Refunds",                content: [{
+                  type: "paragraph",                  text: "Due to the custom nature of our products, all sales are final. We only accept returns or offer refunds for items that are defective or damaged upon arrival, provided you notify us within 7 days of receipt with photographic evidence. Please contact our support team for assistance."
+                }]
+              },
+              {
+                heading: "9. Disclaimer of Warranties",                content: [{
+                  type: "paragraph",                  text: "Our services are provided on an 'as is' and 'as available' basis, without any warranties of any kind, either express or implied, including, but not limited to, implied warranties of merchantability, fitness for a particular purpose, or non-infringement. SoleCrafters does not warrant that the service will be uninterrupted, secure, or error-free."
+                }]
+              },
+              {
+                heading: "10. Limitation of Liability",                content: [{
+                  type: "paragraph",                  text: "In no event shall SoleCrafters, its directors, employees, 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 (i) your access to or use of or inability to access or use the service; (ii) any conduct or content of any third party on the service; (iii) any content obtained from the service; and (iv) unauthorized access, use or alteration of your transmissions or content, whether based on warranty, contract, tort (including negligence) or any other legal theory, whether or not we have been informed of the possibility of such damage."
+                }]
+              },
+              {
+                heading: "11. Governing Law",                content: [{
+                  type: "paragraph",                  text: "These Terms shall be governed and construed in accordance with the laws of [Your Jurisdiction], without regard to its conflict of law provisions."
+                }]
+              },
+              {
+                heading: "12. Changes to Terms",                content: [{
+                  type: "paragraph",                  text: "We reserve the right, at our sole discretion, to modify or replace these Terms at any time. If a revision is material, we will try to provide at least 30 days' notice prior to any new terms taking effect. By continuing to access or use our Service after those revisions become effective, you agree to be bound by the revised terms."
+                }]
+              },
+              {
+                heading: "13. Contact Us",                content: [{
+                  type: "paragraph",                  text: "If you have any questions about these Terms, please contact us at support@solecrafters.com."
+                }]
+              }
+            ]}
+          />
+        </div>
+      </main>
+
+      <div id="footer" data-section="footer">
+        <FooterMedia
+          logoText="SoleCrafters"
+          columns={footerColumns}
+          copyrightText="© 2024 SoleCrafters. All rights reserved."
+          videoSrc="http://img.b2bpic.net/free-photo/young-man-running-up-stairs-night-city_23-2149285660.jpg?_wi=99" // Use a unique _wi for the new page
+          videoAriaLabel="Streetwear sneaker brand video"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}