Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactForm from '@/components/form/ContactForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
@@ -30,22 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Products", id: "products" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Handcrafted Art"
     />
@@ -54,104 +44,33 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Timeless Handcrafted Art"
       description="Discover unique, one-of-a-kind pieces crafted with passion and purpose, delivered from my studio to your home."
       testimonials={[
-        {
-          name: "Alice P.",
-          handle: "@aliceart",
-          testimonial: "The attention to detail in every piece is truly remarkable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=1",
-        },
-        {
-          name: "Mark D.",
-          handle: "@markcraft",
-          testimonial: "I love how these items bring warmth and soul to my living room.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=1",
-        },
-        {
-          name: "Elena V.",
-          handle: "@elena_design",
-          testimonial: "Perfect craftsmanship and beautiful packaging. Will buy again!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=1",
-        },
-        {
-          name: "Sam K.",
-          handle: "@samhome",
-          testimonial: "Truly unique art. Thank you for such wonderful pieces.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=1",
-        },
-        {
-          name: "David L.",
-          handle: "@davidart",
-          testimonial: "My go-to store for unique gifts. Simply stunning work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop Now",
-          href: "#products",
-        },
+        { name: "Alice P.", handle: "@aliceart", testimonial: "The attention to detail in every piece is truly remarkable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=1" },
+        { name: "Mark D.", handle: "@markcraft", testimonial: "I love how these items bring warmth and soul to my living room.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=1" },
+        { name: "Elena V.", handle: "@elena_design", testimonial: "Perfect craftsmanship and beautiful packaging. Will buy again!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=1" },
+        { name: "Sam K.", handle: "@samhome", testimonial: "Truly unique art. Thank you for such wonderful pieces.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=1" },
+        { name: "David L.", handle: "@davidart", testimonial: "My go-to store for unique gifts. Simply stunning work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=1" },
       ]}
+      buttons={[{ text: "Shop Now", href: "#products" }]}
       imageSrc="http://img.b2bpic.net/free-photo/clay-whale-stand-pottery-workshop_1153-8627.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg",
-          alt: "Alice P.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg",
-          alt: "Mark D.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg",
-          alt: "Elena V.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg",
-          alt: "Sam K.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg",
-          alt: "David L.",
-        },
+        { src: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg", alt: "Alice P." },
+        { src: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg", alt: "Mark D." },
+        { src: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg", alt: "Elena V." },
+        { src: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg", alt: "Sam K." },
+        { src: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg", alt: "David L." },
       ]}
       avatarText="Loved by 200+ customers"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Sustainable Materials",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Handmade with Love",
-          icon: Heart,
-        },
-        {
-          type: "text-icon",
-          text: "Global Shipping",
-          icon: Globe,
-        },
-        {
-          type: "text-icon",
-          text: "Custom Commissions",
-          icon: Feather,
-        },
-        {
-          type: "text-icon",
-          text: "Unique Designs",
-          icon: Sparkles,
-        },
+        { type: "text-icon", text: "Sustainable Materials", icon: Leaf },
+        { type: "text-icon", text: "Handmade with Love", icon: Heart },
+        { type: "text-icon", text: "Global Shipping", icon: Globe },
+        { type: "text-icon", text: "Custom Commissions", icon: Feather },
+        { type: "text-icon", text: "Unique Designs", icon: Sparkles },
       ]}
     />
   </div>
@@ -162,18 +81,9 @@ export default function LandingPage() {
       title="Crafted With Purpose"
       description="Every item in my collection is handmade from sustainable materials, blending traditional techniques with modern aesthetic sensibilities. My goal is to create objects that spark joy and tell a story."
       metrics={[
-        {
-          value: "150+",
-          title: "Unique Creations",
-        },
-        {
-          value: "200+",
-          title: "Happy Customers",
-        },
-        {
-          value: "5+",
-          title: "Years Experience",
-        },
+        { value: "150+", title: "Unique Creations" },
+        { value: "200+", title: "Happy Customers" },
+        { value: "5+", title: "Years Experience" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-craftmaster-pottery-shop_1303-23705.jpg"
       mediaAnimation="blur-reveal"
@@ -188,60 +98,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          brand: "Studio",
-          name: "Hand-thrown Mug",
-          price: "$32",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg",
-        },
-        {
-          id: "2",
-          brand: "Studio",
-          name: "Macrame Wall Hanging",
-          price: "$65",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg",
-        },
-        {
-          id: "3",
-          brand: "Studio",
-          name: "Oak Spatula Set",
-          price: "$28",
-          rating: 4,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kitchen-utensils-arrangement_23-2149491474.jpg",
-        },
-        {
-          id: "4",
-          brand: "Studio",
-          name: "Abstract Print",
-          price: "$45",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210775.jpg",
-        },
-        {
-          id: "5",
-          brand: "Studio",
-          name: "Soy Candle",
-          price: "$22",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-candles-pumpkins-home-interior_169016-14202.jpg",
-        },
-        {
-          id: "6",
-          brand: "Studio",
-          name: "Leather Journal",
-          price: "$55",
-          rating: 4,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-wrapping-paper_23-2148338295.jpg",
-        },
+        { id: "1", brand: "Studio", name: "Hand-thrown Mug", price: "$32", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shiny-gray-cup-blurred-background-with-knitted-element_169016-51162.jpg" },
+        { id: "2", brand: "Studio", name: "Macrame Wall Hanging", price: "$65", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-beautiful-souvenir-made-colorful-seashells-hanging-ceiling_181624-56949.jpg" },
+        { id: "3", brand: "Studio", name: "Oak Spatula Set", price: "$28", rating: 4, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kitchen-utensils-arrangement_23-2149491474.jpg" },
+        { id: "4", brand: "Studio", name: "Abstract Print", price: "$45", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadow-details_23-2149210775.jpg" },
+        { id: "5", brand: "Studio", name: "Soy Candle", price: "$22", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-candles-pumpkins-home-interior_169016-14202.jpg" },
+        { id: "6", brand: "Studio", name: "Leather Journal", price: "$55", rating: 4, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-wrapping-paper_23-2148338295.jpg" },
       ]}
       title="Shop Collection"
       description="Explore the latest items from the studio."
@@ -252,31 +114,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Alice P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Elena V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Sam K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "David L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=2",
-        },
+        { id: "1", name: "Alice P.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shooting-with-projector_23-2149424926.jpg?_wi=2" },
+        { id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-having-fun_23-2149269563.jpg?_wi=2" },
+        { id: "3", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/80s-trainer-doing-exercises_23-2149900624.jpg?_wi=2" },
+        { id: "4", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/crying-face-with-red-mouth-covering_23-2152019602.jpg?_wi=2" },
+        { id: "5", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-middle-aged-male-holding-basket-with-cips-blue-surface_140725-31486.jpg?_wi=2" },
       ]}
       cardTitle="Loved by You"
       cardTag="Reviews"
@@ -289,21 +131,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I care for my ceramic items?",
-          content: "Most of our ceramics are dishwasher and microwave safe, but hand-washing is recommended to maintain the finish longer.",
-        },
-        {
-          id: "q2",
-          title: "Do you ship internationally?",
-          content: "Yes, we ship worldwide with tracked shipping options.",
-        },
-        {
-          id: "q3",
-          title: "Can I request custom commissions?",
-          content: "I am open to custom commissions! Please send a message through the contact form to discuss your ideas.",
-        },
+        { id: "q1", title: "How do I care for my ceramic items?", content: "Most of our ceramics are dishwasher and microwave safe, but hand-washing is recommended to maintain the finish longer." },
+        { id: "q2", title: "Do you ship internationally?", content: "Yes, we ship worldwide with tracked shipping options." },
+        { id: "q3", title: "Can I request custom commissions?", content: "I am open to custom commissions! Please send a message through the contact form to discuss your ideas." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/stationery-set-with-empty-place-center_23-2147851966.jpg"
       title="Common Questions"
@@ -313,52 +143,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Get in touch"
-      title="Ready for your own piece?"
-      description="Reach out for commissions, shop updates, or just to say hello!"
-      buttons={[
-        {
-          text: "Contact Studio",
-          href: "#",
-        },
-      ]}
-    />
+      <ContactForm 
+        tag="Get in touch"
+        title="Contact Studio"
+        description="Reach out for commissions, shop updates, or just to say hello!"
+        buttonText="Send Message"
+        useInvertedBackground={false}
+      />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Studio",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Shop",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#products" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
       ]}
       logoText="Handcrafted Art"
     />