Update src/app/contact/page.tsx

Merge version_1 into main

src/app/contact/page.tsx

@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Collection", id: "/#products" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="BLACKSNAKE"
+          />
+        </div>
+        
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Contact BlackSnake"
+            description="Reach out for any inquiries. We are here to help."
+            inputs={[
+                { name: "name", type: "text", placeholder: "Full Name" },
+                { name: "email", type: "email", placeholder: "Email Address" }
+            ]}
+            textarea={{ name: "message", placeholder: "Your message for our team..." }}
+            buttonText="Send Message"
+            useInvertedBackground={false}
+          />
+          <div className="container mx-auto py-12 px-6 text-center">
+            <p className="text-lg mb-4">Phone: 01116517126</p>
+            <a 
+                href="https://wa.me/201116517126" 
+                target="_blank" 
+                rel="noopener noreferrer"
+                className="inline-block px-8 py-3 bg-green-600 text-white rounded-full font-semibold"
+            >
+                Chat on WhatsApp
+            </a>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="BLACKSNAKE"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Collection", id: "products" },
-          id: "hero",
+        { name: "About", id: "about" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="BLACKSNAKE"
     />
@@ -54,62 +42,25 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Quiet, Sharp, and Unapologetic."
       description="Experience the definition of premium women's fashion. BlackSnake offers sophisticated designs for the modern, discerning woman."
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg", alt: "Customer" },
-          src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg",
+        { src: "http://img.b2bpic.net/free-photo/designer-face-mask-studio-show-room_53876-100303.jpg", alt: "Customer" },
-          alt: "Customer",
+        { src: "http://img.b2bpic.net/free-photo/sensual-blond-female-with-blue-eyes-white-clothes_613910-14966.jpg", alt: "Customer" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg", alt: "Customer" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-model-with-vintage-clothes_158538-10383.jpg", alt: "Customer" },
-          src: "http://img.b2bpic.net/free-photo/designer-face-mask-studio-show-room_53876-100303.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sensual-blond-female-with-blue-eyes-white-clothes_613910-14966.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-model-with-vintage-clothes_158538-10383.jpg",
-          alt: "Customer",
-        },
       ]}
       avatarText="Join our community of over 500+ satisfied clients."
-      buttons={[
+      buttons={[{ text: "Shop Collection", href: "#products" }]}
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-      ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
+        { type: "text", text: "Timeless Elegance" },
-          type: "text",
+        { type: "text", text: "Modern Silhouette" },
-          text: "Timeless Elegance",
+        { type: "text", text: "Unapologetic Style" },
-        },
+        { type: "text", text: "Premium Craftsmanship" },
-        {
+        { type: "text", text: "Quiet Luxury" },
-          type: "text",
-          text: "Modern Silhouette",
-        },
-        {
-          type: "text",
-          text: "Unapologetic Style",
-        },
-        {
-          type: "text",
-          text: "Premium Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Quiet Luxury",
-        },
       ]}
     />
   </div>
@@ -118,11 +69,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={true}
       title="Refined design for the unapologetic."
-      buttons={[
+      buttons={[{ text: "Read Our Philosophy" }]}
-        {
-          text: "Read Our Philosophy",
-        },
-      ]}
     />
   </div>
 
@@ -133,42 +80,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Tailored Blazer", price: "$295", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766165868-pfd9pcbu.jpg" },
-          id: "p1",
+        { id: "p2", name: "Minimalist Dress", price: "$350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766187997-yvfkmwvx.jpg" },
-          name: "Tailored Blazer",
+        { id: "p3", name: "Charcoal Trousers", price: "$195", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766219578-4b3uefqk.jpg" },
-          price: "$295",
+        { id: "p4", name: "Leather Handbag", price: "$420", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073524.jpg" },
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766165868-pfd9pcbu.jpg",
+        { id: "p5", name: "Silk Blouse", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg" },
-        },
+        { id: "p6", name: "Modern Jumpsuit", price: "$325", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-black-dress-posing_171337-6957.jpg" },
-        {
-          id: "p2",
-          name: "Minimalist Dress",
-          price: "$350",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766187997-yvfkmwvx.jpg",
-        },
-        {
-          id: "p3",
-          name: "Charcoal Trousers",
-          price: "$195",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766219578-4b3uefqk.jpg",
-        },
-        {
-          id: "p4",
-          name: "Leather Handbag",
-          price: "$420",
-          imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073524.jpg",
-        },
-        {
-          id: "p5",
-          name: "Silk Blouse",
-          price: "$175",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg",
-        },
-        {
-          id: "p6",
-          name: "Modern Jumpsuit",
-          price: "$325",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-black-dress-posing_171337-6957.jpg",
-        },
       ]}
       title="The Collection"
       description="Curated pieces for a sophisticated wardrobe."
@@ -182,21 +99,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Premium Materials", description: "Sourced from the finest mills worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-fabric-details_23-2149285590.jpg" },
-          title: "Premium Materials",
+        { title: "Tailored Fit", description: "Designed to compliment your unique silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing-black-white_23-2149392889.jpg" },
-          description: "Sourced from the finest mills worldwide.",
+        { title: "Timeless Style", description: "Pieces that transcend seasonal trends.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-naked-elderly-person_23-2150961996.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-fabric-details_23-2149285590.jpg",
-        },
-        {
-          title: "Tailored Fit",
-          description: "Designed to compliment your unique silhouette.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing-black-white_23-2149392889.jpg",
-        },
-        {
-          title: "Timeless Style",
-          description: "Pieces that transcend seasonal trends.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-naked-elderly-person_23-2150961996.jpg",
-        },
       ]}
       title="Why BlackSnake"
       description="Excellence in every stitch."
@@ -209,68 +114,17 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Aria V.", role: "Creative Director", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-portrait-young-beautiful-brunette-woman-wearing-nice-trendy-white-suit-sexy-fashion-model-posing-studio-fashionable-female-isolated-beige_158538-25956.jpg" },
-          id: "1",
+        { id: "2", name: "Elena K.", role: "Architect", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg" },
-          name: "Aria V.",
+        { id: "3", name: "Sofia R.", role: "Fashion Stylist", company: "Vogue", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing_23-2149392888.jpg" },
-          role: "Creative Director",
+        { id: "4", name: "Maya L.", role: "CEO", company: "StartUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10366.jpg" },
-          company: "Studio",
+        { id: "5", name: "Jade P.", role: "Lawyer", company: "Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg" },
-          rating: 5,
+        { id: "6", name: "Chloe M.", role: "Marketing", company: "Brand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-portrait-young-beautiful-brunette-woman-wearing-nice-trendy-white-suit-sexy-fashion-model-posing-studio-fashionable-female-isolated-beige_158538-25956.jpg",
-        },
-        {
-          id: "2",
-          name: "Elena K.",
-          role: "Architect",
-          company: "DesignCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
-        },
-        {
-          id: "3",
-          name: "Sofia R.",
-          role: "Fashion Stylist",
-          company: "Vogue",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing_23-2149392888.jpg",
-        },
-        {
-          id: "4",
-          name: "Maya L.",
-          role: "CEO",
-          company: "StartUp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10366.jpg",
-        },
-        {
-          id: "5",
-          name: "Jade P.",
-          role: "Lawyer",
-          company: "Firm",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg",
-        },
-        {
-          id: "6",
-          name: "Chloe M.",
-          role: "Marketing",
-          company: "Brand",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg",
-        },
       ]}
       kpiItems={[
-        {
+        { value: "100+", label: "Styles" },
-          value: "100+",
+        { value: "500+", label: "Clients" },
-          label: "Styles",
+        { value: "99%", label: "Satisfaction" },
-        },
-        {
-          value: "500+",
-          label: "Clients",
-        },
-        {
-          value: "99%",
-          label: "Satisfaction",
-        },
       ]}
       title="Loved by discerning women"
       description="Voices from our community."
@@ -282,14 +136,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "VOGUE",
+        "VOGUE",        "ELLE",        "HARPER'S",        "GQ",        "MARIE CLAIRE",        "INSTYLE",        "BAZAAR"]}
-        "ELLE",
-        "HARPER'S",
-        "GQ",
-        "MARIE CLAIRE",
-        "INSTYLE",
-        "BAZAAR",
-      ]}
       title="As featured in"
       description="Global recognition for our vision."
     />
@@ -299,50 +146,20 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Shipping time?", content: "3-5 business days worldwide." },
-          id: "q1",
+        { id: "q2", title: "Returns policy?", content: "Free returns within 30 days." },
-          title: "Shipping time?",
+        { id: "q3", title: "Sizing guide?", content: "Check our detailed guide on every page." },
-          content: "3-5 business days worldwide.",
-        },
-        {
-          id: "q2",
-          title: "Returns policy?",
-          content: "Free returns within 30 days.",
-        },
-        {
-          id: "q3",
-          title: "Sizing guide?",
-          content: "Check our detailed guide on every page.",
-        },
       ]}
       sideTitle="Questions"
       faqsAnimation="slide-up"
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Stay Informed"
-      title="Join the inner circle"
-      description="Receive updates on collections and private events."
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="BLACKSNAKE"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "Terms of Service", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>