Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function LandingPage() {
   return (
@@ -29,17 +30,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "products"},
-          id: "products",
-        },
         {
-          name: "Pre-order",
+          name: "Balenciaga",          id: "balenciaga-preorder"},
-          id: "contact",
+        {
-        },
+          name: "Pre-order",          id: "contact"},
       ]}
       brandName="Marley's Reselling"
     />
@@ -48,112 +45,60 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Exclusive Streetwear Pre-Orders"
       description="Secure the most sought-after Chrome Hearts and Balenciaga pieces before they're gone. Curated luxury for the modern wardrobe."
       leftCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=1",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=1",          imageAlt: "Streetwear style"},
-          imageAlt: "Streetwear style",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=2",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=2",          imageAlt: "Luxury fashion"},
-          imageAlt: "Luxury fashion",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=3",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=3",          imageAlt: "Exclusive drops"},
-          imageAlt: "Exclusive drops",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=4",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=4",          imageAlt: "Modern aesthetics"},
-          imageAlt: "Modern aesthetics",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=5",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=5",          imageAlt: "Reselling excellence"},
-          imageAlt: "Reselling excellence",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=6",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=6",          imageAlt: "Premium quality"},
-          imageAlt: "Premium quality",
-        },
       ]}
       rightCarouselItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=7",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=7",          imageAlt: "Streetwear style"},
-          imageAlt: "Streetwear style",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=8",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=8",          imageAlt: "Luxury fashion"},
-          imageAlt: "Luxury fashion",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=9",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=9",          imageAlt: "Exclusive drops"},
-          imageAlt: "Exclusive drops",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=10",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=10",          imageAlt: "Modern aesthetics"},
-          imageAlt: "Modern aesthetics",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=11",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=11",          imageAlt: "Reselling excellence"},
-          imageAlt: "Reselling excellence",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=12",
+          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg?_wi=12",          imageAlt: "Premium quality"},
-          imageAlt: "Premium quality",
-        },
       ]}
       buttons={[
         {
-          text: "Shop Now",
+          text: "Shop Now",          href: "#products"},
-          href: "#products",
-        },
       ]}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",          alt: "Client 1"},
-          alt: "Client 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",          alt: "Client 2"},
-          alt: "Client 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",          alt: "Client 3"},
-          alt: "Client 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg",          alt: "Client 4"},
-          alt: "Client 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg",          alt: "Client 5"},
-          alt: "Client 5",
-        },
       ]}
       avatarText="Trusted by 500+ collectors"
       marqueeItems={[
-        {
+        { type: "text", text: "Chrome Hearts" },
-          type: "text",
+        { type: "text", text: "Balenciaga" },
-          text: "Chrome Hearts",
+        { type: "text", text: "Supreme" },
-        },
+        { type: "text", text: "Off-White" },
-        {
+        { type: "text", text: "Fear of God" },
-          type: "text",
-          text: "Balenciaga",
-        },
-        {
-          type: "text",
-          text: "Supreme",
-        },
-        {
-          type: "text",
-          text: "Off-White",
-        },
-        {
-          type: "text",
-          text: "Fear of God",
-        },
       ]}
     />
   </div>
@@ -166,53 +111,41 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
+          id: "chrome-hearts-silver-tee",          name: "Chrome Hearts Silver Shirt",          price: "$50",          variant: "Pre-order",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=1"},
-          name: "Chrome Hearts Silver T-Shirt",
-          price: "$50",
-          variant: "Pre-order",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=1",
-        },
         {
-          id: "2",
+          id: "2",          name: "Balenciaga Signature Sneakers",          price: "Contact for pricing",          variant: "Pre-order (2-3 weeks arrival)",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=1"},
-          name: "Balenciaga Signature Sneakers",
-          price: "Contact for pricing",
-          variant: "Pre-order (2-3 weeks arrival)",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=1",
-        },
         {
-          id: "3",
+          id: "3",          name: "Customized Hoodie",          price: "$120",          variant: "Limited",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=2"},
-          name: "Customized Hoodie",
-          price: "$120",
-          variant: "Limited",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "Designer Accessories",          price: "$80",          variant: "Ready to Ship",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=2"},
-          name: "Designer Accessories",
-          price: "$80",
-          variant: "Ready to Ship",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Vintage Luxury Tee",
-          price: "$65",
-          variant: "Rare",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg?_wi=3",
-        },
-        {
-          id: "6",
-          name: "Exclusive Caps",
-          price: "$45",
-          variant: "New Arrival",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg?_wi=3",
-        },
       ]}
       title="Current Drops"
       description="Authentic, high-end pieces available now."
     />
   </div>
 
+  <div id="balenciaga-preorder" data-section="balenciaga-preorder">
+      <FeatureCardOne
+      useInvertedBackground={false}
+      animationType="slide-up"
+      gridVariant="three-columns-all-equal-width"
+      title="Balenciaga Pre-Orders"
+      description="Guaranteed authentic pieces with a 2-3 week delivery timeline."
+      features={[
+        {
+            title: "Speed & Reliability",            description: "Secure your luxury items with our trusted 2-3 week sourcing process.",            imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005707.jpg"
+        },
+        {
+            title: "Curated Selection",            description: "The latest and greatest Balenciaga silhouettes available for pre-order.",            imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862164.jpg"
+        },
+        {
+            title: "Auth Guaranteed",            description: "Every piece is verified before it reaches your door.",            imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-front-view_23-2149525986.jpg"
+        }
+      ]}
+      textboxLayout="default"
+    />
+  </div>
+
   <div id="socialProof" data-section="socialProof">
       <SocialProofOne
       textboxLayout="default"
@@ -220,12 +153,7 @@ export default function LandingPage() {
       title="As Seen In"
       description="Our pieces are sourced from the most reliable fashion hubs worldwide."
       names={[
-        "Vogue",
+        "Vogue",        "Hypebeast",        "Highsnobiety",        "GQ",        "Complex"]}
-        "Hypebeast",
-        "Highsnobiety",
-        "GQ",
-        "Complex",
-      ]}
       tag="Trusted Source"
     />
   </div>
@@ -239,25 +167,12 @@ export default function LandingPage() {
       description="Choose the sourcing level that fits your budget and timeline."
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Standard",          price: "Fixed",          subtitle: "Normal sourcing time",          features: [
-          badge: "Standard",
+            "Verified Auth",            "Tracking"],
-          price: "Fixed",
-          subtitle: "Normal sourcing time",
-          features: [
-            "Verified Auth",
-            "Tracking",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Express",          price: "Premium",          subtitle: "Faster sourcing",          features: [
-          badge: "Express",
+            "Priority Support",            "Express Shipping",            "Auth Guarantee"],
-          price: "Premium",
-          subtitle: "Faster sourcing",
-          features: [
-            "Priority Support",
-            "Express Shipping",
-            "Auth Guarantee",
-          ],
         },
       ]}
     />
@@ -270,28 +185,17 @@ export default function LandingPage() {
       description="Have questions about availability or specific sizing? Reach out to place your pre-order and secure your favorite pieces today."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
         {
-          name: "item",
+          name: "item",          type: "text",          placeholder: "Item Interested In",          required: true,
-          type: "text",
-          placeholder: "Item Interested In",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Any specific details?",        rows: 4,
-        placeholder: "Any specific details?",
-        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/overhead-view-feminine-background-with-laptop_23-2147924072.jpg"
     />
@@ -306,4 +210,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #0a0a0a;
-  --card: #f9f9f9;
+  --card: #1a1a1a;
-  --foreground: #000612e6;
+  --foreground: #ffffffe6;
-  --primary-cta: #106EFB;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #737373;
-  --background-accent: #106EFB;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);