Merge version_4 into main

Merge version_4 into main

src/app/contact/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Shop", id: "/shop" },
+              { name: "Features", id: "#features" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Ayari"
+            button={{
+              text: "Shop Now",              href: "/shop"
+            }}
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Get in Touch"
+            title="Connect with Ayino"
+            description="Have questions, feedback, or need assistance? Reach out to our dedicated support team. We're here to help."
+            inputPlaceholder="Enter your email"
+            buttonText="Submit Inquiry"
+            termsText="By submitting, you agree to our Privacy Policy and Terms of Service."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "New Arrivals", href: "/shop" },
+                  { label: "Dresses", href: "/shop" },
+                  { label: "Outerwear", href: "/shop" },
+                  { label: "Accessories", href: "/shop" }
+                ]
+              },
+              {
+                title: "Ayino",                items: [
+                  { label: "Our Story", href: "/about" },
+                  { label: "Sustainability", href: "#" },
+                  { label: "Careers", href: "#" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "/faq" },
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Shipping & Returns", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Ayino"
+            copyrightText="© 2024 Ayino. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/faq/page.tsx

@@ -0,0 +1,99 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function FaqPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Shop", id: "/shop" },
+              { name: "Features", id: "#features" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Ayari"
+            button={{
+              text: "Shop Now",              href: "/shop"
+            }}
+          />
+        </div>
+
+        <div id="faq-content" data-section="faq-content">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "faq1", title: "What is Ayino's return policy?", content: "We offer free returns within 30 days of purchase, provided items are unworn and with tags attached." },
+              { id: "faq2", title: "How do I find my size?", content: "Please refer to our detailed sizing chart available on each product page for accurate measurements." },
+              { id: "faq3", title: "Do you ship internationally?", content: "Yes, we offer international shipping to most countries. Shipping costs and times vary by destination." },
+              { id: "faq4", title: "How do I care for my Ayino garments?", content: "Each garment comes with specific care instructions. Generally, we recommend gentle washing and air drying to preserve quality." },
+              { id: "faq5", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, and other popular payment methods. Details are available at checkout." },
+              { id: "faq6", title: "How can I track my order?", content: "Once your order is shipped, you will receive a tracking number via email to monitor its delivery status." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/smiling-pretty-caucasian-female-call-center-operator-headphones-sitting-desk-with-office-tools-isolated-green-wall_141793-121445.jpg"
+            imageAlt="Customer service representative assisting a client"
+            mediaAnimation="opacity"
+            mediaPosition="right"
+            title="Frequently Asked Questions"
+            description="Find quick answers to common questions about our products and services."
+            faqsAnimation="slide-up"
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "New Arrivals", href: "/shop" },
+                  { label: "Dresses", href: "/shop" },
+                  { label: "Outerwear", href: "/shop" },
+                  { label: "Accessories", href: "/shop" }
+                ]
+              },
+              {
+                title: "Ayino",                items: [
+                  { label: "Our Story", href: "/about" },
+                  { label: "Sustainability", href: "#" },
+                  { label: "Careers", href: "#" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "/faq" },
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Shipping & Returns", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Ayino"
+            copyrightText="© 2024 Ayino. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/shop/page.tsx

@@ -0,0 +1,98 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Shop", id: "/shop" },
+              { name: "Features", id: "#features" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Ayari"
+            button={{
+              text: "Shop Now",              href: "/shop"
+            }}
+          />
+        </div>
+
+        <div id="shop-collection" data-section="shop-collection">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Elegance Flow Dress", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-confident-woman-sitting-grey-surface_176420-16959.jpg", imageAlt: "Elegant flowing dress" },
+              { id: "p2", name: "Classic Linen Shirt", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-best-man_23-2149044033.jpg", imageAlt: "Classic linen shirt" },
+              { id: "p3", name: "Tailored Denim Jeans", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jeans-jacket-posing-near-concrete-wall_613910-2889.jpg", imageAlt: "Tailored denim jeans" },
+              { id: "p4", name: "Cozy Knit Sweater", price: "$110.00", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-smiling-skinny-woman-with-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style_285396-6812.jpg", imageAlt: "Cozy knit sweater" },
+              { id: "p5", name: "Structured Blazer", price: "$160.00", imageSrc: "http://img.b2bpic.net/free-photo/girl-suit_1303-4449.jpg", imageAlt: "Structured blazer" },
+              { id: "p6", name: "Silk Accent Scarf", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hat-scarf-talking-phone_23-2147625171.jpg", imageAlt: "Silk accent scarf" },
+              { id: "p7", name: "Minimalist Jumpsuit", price: "$130.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-posing_1328-1127.jpg", imageAlt: "Minimalist Jumpsuit" },
+              { id: "p8", name: "Leather Tote Bag", price: "$180.00", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-holding-bag_23-2147779782.jpg", imageAlt: "Leather Tote Bag" }
+            ]}
+            title="Our Full Collection"
+            description="Explore our complete range of premium clothing and accessories."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",                items: [
+                  { label: "New Arrivals", href: "/shop" },
+                  { label: "Dresses", href: "/shop" },
+                  { label: "Outerwear", href: "/shop" },
+                  { label: "Accessories", href: "/shop" }
+                ]
+              },
+              {
+                title: "Ayino",                items: [
+                  { label: "Our Story", href: "/about" },
+                  { label: "Sustainability", href: "#" },
+                  { label: "Careers", href: "#" }
+                ]
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "/faq" },
+                  { label: "Contact Us", href: "/contact" },
+                  { label: "Shipping & Returns", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Ayino"
+            copyrightText="© 2024 Ayino. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}