Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Zap, Shield, Award, Star } from 'lucide-react';
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import { Zap, Shield, Award, Star, Mail, MapPin, Instagram, Twitter, Linkedin } from 'lucide-react';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -32,14 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Collection",          id: "#products"},
-        {
-          name: "Technology",          id: "#features"},
-        {
-          name: "Performance",          id: "#metrics"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Collection", id: "#products" },
+        { name: "Technology", id: "#features" },
+        { name: "Performance", id: "#metrics" },
+        { name: "FAQ", id: "#faq" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Black Gravity"
     />
@@ -47,63 +44,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       title="Black Gravity"
       description="Redefining the standard of elite performance sportswear with innovative engineering and precision design."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg",          imageAlt: "Model 1"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg",          imageAlt: "Model 2"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg",          imageAlt: "Model 3"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg",          imageAlt: "Model 4"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864894.jpg",          imageAlt: "Model 5"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-preparing-exercise-outdoors_23-2149676920.jpg", imageAlt: "Model 1" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg", imageAlt: "Model 2" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-dunking-motion-design_183364-124095.jpg", imageAlt: "Model 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-sitting-chair_23-2147781146.jpg", imageAlt: "Model 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864894.jpg", imageAlt: "Model 5" },
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3562.jpg",          imageAlt: "Model 6"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks_23-2149462105.jpg",          imageAlt: "Model 5"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-workout-gym-running_1303-1736.jpg",          imageAlt: "Model 4"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-fit-man-beach-listening-music_273609-15935.jpg",          imageAlt: "Model 3"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-kippah-with-candles_23-2148629964.jpg",          imageAlt: "Model 2"},
-      ]}
-      buttons={[
-        {
-          text: "Shop Now",          href: "#products"},
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-working-out-beach-grey-day_23-2147618064.jpg",          alt: "Athlete 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-confident-fitness-woman-sports-clothing-looking-confident-female-posing-studio-near-gray-wall_158538-3560.jpg",          alt: "Athlete 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-curly-brunette-fitness-woman-listening-music_171337-1876.jpg",          alt: "Athlete 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-posing-wiht-checkered-red-black-shirt_140725-13094.jpg",          alt: "Athlete 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151915996.jpg",          alt: "Athlete 5"},
-      ]}
-      avatarText="Trusted by 10,000+ elite athletes"
-      marqueeItems={[
-        {
-          type: "text",          text: "PRECISION"},
-        {
-          type: "text",          text: "VELOCITY"},
-        {
-          type: "text",          text: "DURABILITY"},
-        {
-          type: "text",          text: "INNOVATION"},
-        {
-          type: "text",          text: "PERFORMANCE"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-model-with-perfect-tanned-body-female-posing-studio-near-gray-wall_158538-3562.jpg", imageAlt: "Model 6" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks_23-2149462105.jpg", imageAlt: "Model 5" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/clothes-clothing-workout-gym-running_1303-1736.jpg", imageAlt: "Model 4" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-fit-man-beach-listening-music_273609-15935.jpg", imageAlt: "Model 3" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-kippah-with-candles_23-2148629964.jpg", imageAlt: "Model 2" },
       ]}
+      buttons={[{ text: "Shop Now", href: "#products" }]}
     />
   </div>
 
@@ -112,18 +70,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Breathability",          description: "Micro-porous structure for maximum airflow.",          imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg",          buttonIcon: Zap,
-        },
-        {
-          title: "Precision Fit",          description: "Ergonomic cuts for reduced drag.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-training_23-2150169384.jpg",          buttonIcon: Shield,
-        },
-        {
-          title: "Reinforced Seams",          description: "High-durability construction.",          imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg",          buttonIcon: Award,
-        },
-        {
-          title: "Moisture Control",          description: "Rapid-wicking technology.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-male-runner-listening-music-earphones-standing-street_23-2148124158.jpg",          buttonIcon: Star,
-        },
+        { title: "Breathability", description: "Micro-porous structure for maximum airflow.", imageSrc: "http://img.b2bpic.net/free-photo/brown-fabric_1122-375.jpg", buttonIcon: Zap },
+        { title: "Precision Fit", description: "Ergonomic cuts for reduced drag.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-training_23-2150169384.jpg", buttonIcon: Shield },
+        { title: "Reinforced Seams", description: "High-durability construction.", imageSrc: "http://img.b2bpic.net/free-photo/black-background-with-rope_23-2149872563.jpg?_wi=1", buttonIcon: Award },
+        { title: "Moisture Control", description: "Rapid-wicking technology.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-male-runner-listening-music-earphones-standing-street_23-2148124158.jpg", buttonIcon: Star },
       ]}
       title="Engineered for Velocity"
       description="Our proprietary fabrics are built to push boundaries in every environment, combining durability with ultra-lightweight performance."
@@ -137,18 +87,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Velocity Sneaker",          price: "$180",          imageSrc: "http://img.b2bpic.net/free-photo/woman-orange-sports-wear-posing-street_1303-31736.jpg"},
-        {
-          id: "p2",          name: "Apex Tech Hoodie",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg"},
-        {
-          id: "p3",          name: "Core Compression Leggings",          price: "$85",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-1864.jpg"},
-        {
-          id: "p4",          name: "Gravity Training Jacket",          price: "$150",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5120.jpg"},
-        {
-          id: "p5",          name: "Speed Training Short",          price: "$60",          imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg"},
-        {
-          id: "p6",          name: "Pro Compression Top",          price: "$70",          imageSrc: "http://img.b2bpic.net/free-photo/women-watching-working-out-tutorial-smartphone-outdoors_23-2150343704.jpg"},
+        { id: "p1", name: "Velocity Sneaker", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/woman-orange-sports-wear-posing-street_1303-31736.jpg?_wi=1" },
+        { id: "p2", name: "Apex Tech Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hoodie-having-her-eyes-closed_23-2148322452.jpg" },
+        { id: "p3", name: "Core Compression Leggings", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-handsome-young-male-dressed-black-sportswear-baseball-cap-dark-background-holds-dumbbell_613910-1864.jpg" },
       ]}
       title="Elite Collection"
       description="Discover our latest gear engineered for those who demand excellence."
@@ -161,12 +102,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "15%",          title: "Performance Increase",          description: "Output boost.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg"},
-        {
-          id: "m2",          value: "24h",          title: "Recovery Time",          description: "Faster metabolic recovery.",          imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-sportsman-listening-music-with-earphones_171337-8365.jpg"},
-        {
-          id: "m3",          value: "40%",          title: "Durability",          description: "Higher tensile strength.",          imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163410.jpg"},
+        { id: "m1", value: "15%", title: "Performance Increase", description: "Output boost.", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884856.jpg" },
+        { id: "m2", value: "24h", title: "Recovery Time", description: "Faster metabolic recovery.", imageSrc: "http://img.b2bpic.net/free-photo/athletic-young-sportsman-listening-music-with-earphones_171337-8365.jpg" },
       ]}
       title="Quantifiable Gains"
       description="Performance metrics that matter."
@@ -177,8 +114,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Apex Squad",        "Vertex Labs",        "Velocity Corp",        "Gravitate Athletics",        "ProShift Sports",        "Zenith Performance",        "Summit Athletics"]}
+      names={["Apex Squad", "Vertex Labs", "Velocity Corp", "Gravitate Athletics", "ProShift Sports"]}
       title="Trusted by Pros"
       description="Global recognition."
     />
@@ -191,12 +127,8 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "t1",          name: "Alex Rivers",          role: "Head of Design",          description: "Future of sportswear.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-basketball_23-2148239503.jpg"},
-        {
-          id: "t2",          name: "Sarah Chen",          role: "Lead Technologist",          description: "Biomechanics specialist.",          imageSrc: "http://img.b2bpic.net/free-photo/thinking-about-new-project-dress_329181-14370.jpg"},
-        {
-          id: "t3",          name: "Marcus Thorne",          role: "Performance Director",          description: "Olympian consultant.",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg"},
+        { id: "t1", name: "Alex Rivers", role: "Head of Design", description: "Future of sportswear.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-man-with-basketball_23-2148239503.jpg" },
+        { id: "t2", name: "Sarah Chen", role: "Lead Technologist", description: "Biomechanics specialist.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-about-new-project-dress_329181-14370.jpg" },
       ]}
       title="The Minds Behind Gravity"
       description="Dedicated to progress."
@@ -204,46 +136,45 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Customer Support"
+      sideDescription="We are here to assist with your gear inquiries, shipping, and returns."
       faqs={[
-        {
-          id: "f1",          title: "Gear care?",          content: "Follow label instructions."},
-        {
-          id: "f2",          title: "Shipping?",          content: "3-5 business days."},
-        {
-          id: "f3",          title: "Returns?",          content: "30-day hassle-free."},
+        { id: "f1", title: "How do I care for my gear?", content: "Machine wash cold, gentle cycle, and air dry to maintain performance integrity." },
+        { id: "f2", title: "What is your shipping policy?", content: "Standard shipping takes 3-5 business days. Express options are available at checkout." },
+        { id: "f3", title: "How do I return items?", content: "We offer a 30-day hassle-free return policy for unworn items with original tags." },
       ]}
-      title="Common Questions"
-      description="Answers to your gear queries."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient"}}
-      text="Join the Black Gravity movement."
-      buttons={[
-        {
-          text: "Contact Us",          href: "#"},
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Reach out to our professional team for partnership opportunities, wholesale inquiries, or custom gear requirements."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "Your message for our team...", rows: 4 }}
+      useInvertedBackground={false}
+      imageSrc="http://img.b2bpic.net/free-photo/woman-orange-sports-wear-posing-street_1303-31736.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="BLACK GRAVITY"
-      leftLink={{
-        text: "Privacy",        href: "#"}}
-      rightLink={{
-        text: "Terms",        href: "#"}}
+      columns={[
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Shipping", href: "#" }, { label: "Returns", href: "#" }] },
+        { title: "Brand", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
+        { title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }
+      ]}
+      copyrightText="© 2025 | Black Gravity Performance Wear"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0c0c0c;
+  --background: #0a0a0a;
+  --card: #121212;
   --foreground: #ffffff;
-  --primary-cta: #106EFB;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #000000;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #535353;
-  --background-accent: #106EFB;
+  --accent: #333333;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);