Merge version_5 into main

Merge version_5 into main

src/app/contact/page.tsx

@@ -2,40 +2,130 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 
-export default function ContactPage() {
+export default function LandingPage() {
   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="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumLarge"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="extrabold"
+    >
       <ReactLenis root>
-        <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Collection", id: "/collection" },
-            { name: "Contact", id: "/contact" },
-            { name: "Track Order", id: "/track-order" }
-          ]}
-          brandName="NISHA"
-        />
-        <ContactSplit
-          tag="Contact"
-          title="Get in touch"
-          description="Have questions or need assistance? We're here to help you."
-          imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543677.jpg?_wi=2"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-        <FooterSimple
-          columns={[
-            { title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
-            { title: "Help", items: [{ label: "Contact Us", href: "/contact" }, { label: "Track Order", href: "/track-order" }, { label: "Privacy Policy", href: "#" }] }
-          ]}
-          bottomLeftText="© 2024 NISHA. All rights reserved."
-          bottomRightText="Built with love."
-        />
+  <div id="nav" data-section="nav">
+      <NavbarStyleCentered
+      navItems={[
+        {
+          name: "Home",
+          id: "/",
+        },
+        {
+          name: "Collection",
+          id: "/collection",
+        },
+        {
+          name: "Contact",
+          id: "/contact",
+        },
+      ]}
+      brandName="NISHA"
+    />
+  </div>
+
+  <div id="contact-form" data-section="contact-form">
+      <ContactSplitForm
+      useInvertedBackground={false}
+      title="Get In Touch"
+      description="We are here for you. Drop us a message for any queries."
+      inputs={[
+        {
+          name: "name",
+          type: "text",
+          placeholder: "Name",
+          required: true,
+        },
+        {
+          name: "email",
+          type: "email",
+          placeholder: "Email",
+          required: true,
+        },
+      ]}
+      textarea={{
+        name: "message",
+        placeholder: "Message",
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/pretty-woman-good-mood-doing-spring-cleanup-her-wardrobe-standing-rack-with-hangers-clothes-looking-with-happy-joyful-smile_273609-674.jpg"
+    />
+  </div>
+
+  <div id="faq" data-section="faq">
+      <FaqBase
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Common Questions"
+      description="Need immediate answers?"
+      faqs={[
+        {
+          id: "fq1",
+          title: "Order tracking",
+          content: "Use the link in your email.",
+        },
+        {
+          id: "fq2",
+          title: "Wholesale info",
+          content: "Contact us via the form.",
+        },
+      ]}
+      faqsAnimation="blur-reveal"
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterSimple
+      columns={[
+        {
+          title: "Shop",
+          items: [
+            {
+              label: "All Products",
+              href: "/collection",
+            },
+            {
+              label: "New Arrivals",
+              href: "/collection",
+            },
+          ],
+        },
+        {
+          title: "Help",
+          items: [
+            {
+              label: "Contact Us",
+              href: "/contact",
+            },
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+          ],
+        },
+      ]}
+      bottomLeftText="© 2024 NISHA. All rights reserved."
+      bottomRightText="Built with love."
+    />
+  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/faq/page.tsx

@@ -1,43 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-
-export default function FaqPage() {
-  return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Collection", id: "/collection" },
-          { name: "Returns & Exchanges", id: "/returns-exchanges" },
-          { name: "FAQs", id: "/faq" },
-          { name: "Terms of Service", id: "/terms-of-service" },
-          { name: "Contact", id: "/contact" },
-        ]}
-        brandName="NISHA"
-      />
-      <FaqBase
-        title="Frequently Asked Questions"
-        description="We are here to help with any questions you may have about our products or services."
-        faqsAnimation="slide-up"
-        faqs={[
-          { id: "1", title: "What is your shipping time?", content: "3-5 business days for standard shipping." },
-          { id: "2", title: "Are your products sustainable?", content: "Yes, 100% of our materials are ethically sourced." }
-        ]}
-        textboxLayout="default"
-        useInvertedBackground={false}
-      />
-      <FooterSimple
-        columns={[
-          { title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
-          { title: "Help", items: [{ label: "Returns & Exchanges", href: "/returns-exchanges" }, { label: "FAQs", href: "/faq" }, { label: "Terms of Service", href: "/terms-of-service" }, { label: "Contact Us", href: "/contact" }] },
-        ]}
-        bottomLeftText="© 2024 NISHA. All rights reserved."
-        bottomRightText="Built with love."
-      />
-    </ThemeProvider>
-  );
-}

src/app/page.tsx

@@ -43,6 +43,7 @@ export default function LandingPage() {
       <HeroOverlayTestimonial
       title="NISHA"
       description="Redefining modern elegance through minimalist design. High-quality garments for your everyday look. Sign in to your account to save your preferences and view your order history."
+      buttons={[{ "text": "Shop Collection", "href": "/collection" }]}
       testimonials={[
         {
           name: "Alex",          handle: "@alex",          testimonial: "The best quality fabric I have ever felt.",          rating: 5,
@@ -139,7 +140,7 @@ export default function LandingPage() {
       description="Experience superior quality, timeless design, and a modern digital experience."
       features={[
         {
-          id: "f1",          title: "Real-time Account Access",          descriptions: [
+          id: "f1",          title: "Instant Access to Your Style",          descriptions: [
             "Access your order history and preferences instantly."],
           imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
         {
@@ -177,4 +178,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/privacy/page.tsx

@@ -1,20 +0,0 @@
-"use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import LegalSection from '@/components/legal/LegalSection';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-
-export default function PrivacyPolicyPage() {
-  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">
-      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Size Guide", id: "/size-guide"}, {name: "Shipping", id: "/shipping"}, {name: "Privacy", id: "/privacy"}]} brandName="NISHA" />
-      <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 a purchase or contact us." } },
-          { heading: "Usage", content: { type: "list", items: ["Order processing", "Communication about products", "Improving our website"] } }
-        ]} 
-      />
-    </ThemeProvider>
-  );
-}

src/app/returns-exchanges/page.tsx

@@ -1,40 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import LegalSection from '@/components/legal/LegalSection';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-
-export default function ReturnsExchangesPage() {
-  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">
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Collection", id: "/collection" },
-          { name: "Returns & Exchanges", id: "/returns-exchanges" },
-          { name: "FAQs", id: "/faq" },
-          { name: "Terms of Service", id: "/terms-of-service" },
-          { name: "Contact", id: "/contact" },
-        ]}
-        brandName="NISHA"
-      />
-      <LegalSection
-        layout="page"
-        title="Returns & Exchanges"
-        sections={[
-          { heading: "Return Policy", content: { type: "paragraph", text: "We accept returns within 30 days of purchase. Items must be in original condition." } },
-          { heading: "How to return", content: { type: "numbered-list", items: ["Contact us at support@nisha.com", "Receive shipping label", "Drop off package"] } }
-        ]}
-      />
-      <FooterSimple
-        columns={[
-          { title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
-          { title: "Help", items: [{ label: "Returns & Exchanges", href: "/returns-exchanges" }, { label: "FAQs", href: "/faq" }, { label: "Terms of Service", href: "/terms-of-service" }, { label: "Contact Us", href: "/contact" }] },
-        ]}
-        bottomLeftText="© 2024 NISHA. All rights reserved."
-        bottomRightText="Built with love."
-      />
-    </ThemeProvider>
-  );
-}

src/app/shipping/page.tsx

@@ -1,20 +0,0 @@
-"use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import LegalSection from '@/components/legal/LegalSection';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-
-export default function ShippingPage() {
-  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">
-      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Size Guide", id: "/size-guide"}, {name: "Shipping", id: "/shipping"}, {name: "Privacy", id: "/privacy"}]} brandName="NISHA" />
-      <LegalSection 
-        layout="page" 
-        title="Shipping & Delivery"
-        sections={[
-          { heading: "Processing Time", content: { type: "paragraph", text: "All orders are processed within 1-2 business days." } },
-          { heading: "Delivery Estimates", content: { type: "numbered-list", items: ["Standard: 5-7 business days", "Express: 2-3 business days", "International: 10-14 business days"] } }
-        ]} 
-      />
-    </ThemeProvider>
-  );
-}

src/app/size-guide/page.tsx

@@ -1,20 +0,0 @@
-"use client";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import LegalSection from '@/components/legal/LegalSection';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-
-export default function SizeGuidePage() {
-  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">
-      <NavbarStyleCentered navItems={[{name: "Home", id: "/"}, {name: "Size Guide", id: "/size-guide"}, {name: "Shipping", id: "/shipping"}, {name: "Privacy", id: "/privacy"}]} brandName="NISHA" />
-      <LegalSection 
-        layout="page" 
-        title="Size Guide"
-        sections={[
-          { heading: "Finding Your Fit", content: { type: "paragraph", text: "All our garments are designed with a relaxed, modern fit. Please refer to our standardized sizing chart below to ensure the best experience." } },
-          { heading: "Measurements (CM)", content: { type: "list", items: ["S: Chest 90-95cm, Waist 70-75cm", "M: Chest 95-100cm, Waist 75-80cm", "L: Chest 100-105cm, Waist 80-85cm"] } }
-        ]} 
-      />
-    </ThemeProvider>
-  );
-}

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

@@ -1,40 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import LegalSection from '@/components/legal/LegalSection';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-
-export default function TermsOfServicePage() {
-  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">
-      <NavbarStyleCentered
-        navItems={[
-          { name: "Home", id: "/" },
-          { name: "Collection", id: "/collection" },
-          { name: "Returns & Exchanges", id: "/returns-exchanges" },
-          { name: "FAQs", id: "/faq" },
-          { name: "Terms of Service", id: "/terms-of-service" },
-          { name: "Contact", id: "/contact" },
-        ]}
-        brandName="NISHA"
-      />
-      <LegalSection
-        layout="page"
-        title="Terms of Service"
-        sections={[
-          { heading: "Acceptance of Terms", content: { type: "paragraph", text: "By accessing this website, you agree to comply with these terms." } },
-          { heading: "User Responsibilities", content: { type: "list", items: ["You must be 18+ to purchase", "Use site for personal use only"] } }
-        ]}
-      />
-      <FooterSimple
-        columns={[
-          { title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
-          { title: "Help", items: [{ label: "Returns & Exchanges", href: "/returns-exchanges" }, { label: "FAQs", href: "/faq" }, { label: "Terms of Service", href: "/terms-of-service" }, { label: "Contact Us", href: "/contact" }] },
-        ]}
-        bottomLeftText="© 2024 NISHA. All rights reserved."
-        bottomRightText="Built with love."
-      />
-    </ThemeProvider>
-  );
-}

src/app/track-order/page.tsx

@@ -1,43 +0,0 @@
-"use client";
-
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-
-export default function TrackOrderPage() {
-  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">
-      <ReactLenis root>
-        <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Collection", id: "/collection" },
-            { name: "Contact", id: "/contact" },
-            { name: "Track Order", id: "/track-order" }
-          ]}
-          brandName="NISHA"
-        />
-        <ContactSplit
-          tag="Support"
-          title="Track your order"
-          description="Enter your order number below to check the latest status of your delivery."
-          inputPlaceholder="Enter order number"
-          buttonText="Track Order"
-          imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-sitting-chair-black-white_23-2149411360.jpg?_wi=2"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-        <FooterSimple
-          columns={[
-            { title: "Shop", items: [{ label: "All Products", href: "/collection" }, { label: "New Arrivals", href: "/collection" }] },
-            { title: "Help", items: [{ label: "Contact Us", href: "/contact" }, { label: "Track Order", href: "/track-order" }, { label: "Privacy Policy", href: "#" }] }
-          ]}
-          bottomLeftText="© 2024 NISHA. All rights reserved."
-          bottomRightText="Built with love."
-        />
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}