Merge version_1 into main #1
563
src/app/page.tsx
563
src/app/page.tsx
@@ -15,419 +15,176 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Vision",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="meowme"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "Vision", id: "#about" },
|
||||
{ name: "Experience", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
]}
|
||||
brandName="meowme"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Wear the Future."
|
||||
description="Experience Meowme: where high-fidelity 3D design meets revolutionary virtual fabric technology. Shop the digital frontier."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethereal-runway-fashion_23-2151939044.jpg",
|
||||
imageAlt: "Futuristic hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-marble-art-beige-background-diy-free-flowing-texture_53876-104525.jpg",
|
||||
imageAlt: "Abstract fabric",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fashion-sketch-design-papers-window-glass_53876-31653.jpg",
|
||||
imageAlt: "Mannequin display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103095.jpg",
|
||||
imageAlt: "Digital accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745041.jpg",
|
||||
imageAlt: "Techwear hoodie",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486995.jpg",
|
||||
imageAlt: "Texture interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-hooded-thief-walking-black-generated-by-ai_188544-43401.jpg",
|
||||
imageAlt: "Techwear hoodie",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491102.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-virtual-reality-goggles-his-head_23-2148815660.jpg",
|
||||
imageAlt: "Studio mannequin",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-paint-still-life_23-2149104106.jpg",
|
||||
imageAlt: "Flowing silk",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-surreal-sea-creature_23-2151625941.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102610.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102607.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/colourful-paints-board_23-2147934648.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 50,000+ early adopters."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-103635.jpg",
|
||||
alt: "Brand A",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-nail-polish-texture-detail_23-2149161965.jpg",
|
||||
alt: "Brand B",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/glitter_23-2148110769.jpg",
|
||||
alt: "Brand C",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/virtual-reality-shopping-experience_23-2151952989.jpg",
|
||||
alt: "Brand D",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908092.jpg",
|
||||
alt: "Brand E",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Wear the Future."
|
||||
description="Experience Meowme: where high-fidelity 3D design meets revolutionary virtual fabric technology. Shop the digital frontier."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ethereal-runway-fashion_23-2151939044.jpg", imageAlt: "Futuristic hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-marble-art-beige-background-diy-free-flowing-texture_53876-104525.jpg", imageAlt: "Abstract fabric" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-fashion-sketch-design-papers-window-glass_53876-31653.jpg", imageAlt: "Mannequin display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glass-cups-composition_52683-103095.jpg", imageAlt: "Digital accessories" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-rendering-jackets-display_23-2149745041.jpg", imageAlt: "Techwear hoodie" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-fashion-design-sketch-paper_23-2151486995.jpg", imageAlt: "Texture interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silhouette-hooded-thief-walking-black-generated-by-ai_188544-43401.jpg", imageAlt: "Techwear hoodie" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491102.jpg", imageAlt: "Accessories" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-virtual-reality-goggles-his-head_23-2148815660.jpg", imageAlt: "Studio mannequin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/background-paint-still-life_23-2149104106.jpg", imageAlt: "Flowing silk" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-surreal-sea-creature_23-2151625941.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596297.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102610.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-clear-bubble_23-2151102607.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/colourful-paints-board_23-2147934648.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ early adopters."
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-abstract-flowing-texture-experimental-art_53876-103635.jpg", alt: "Brand A" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/abstract-nail-polish-texture-detail_23-2149161965.jpg", alt: "Brand B" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/glitter_23-2148110769.jpg", alt: "Brand C" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/virtual-reality-shopping-experience_23-2151952989.jpg", alt: "Brand D" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908092.jpg", alt: "Brand E" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The New Standard of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/red-lines-multicolored-background_23-2147746629.jpg",
|
||||
alt: "Fabric weave",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Digital Fashion.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Vision",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "The New Standard of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/red-lines-multicolored-background_23-2147746629.jpg", alt: "Fabric weave" },
|
||||
{ type: "text", content: " Digital Fashion." },
|
||||
]}
|
||||
buttons={[{ text: "Our Vision", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Holographic View",
|
||||
tags: [
|
||||
"3D",
|
||||
"Visual",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864894.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Interactive Fit",
|
||||
tags: [
|
||||
"Tech",
|
||||
"Custom",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428152.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Fabric",
|
||||
tags: [
|
||||
"Innovation",
|
||||
"Material",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894468.jpg",
|
||||
},
|
||||
]}
|
||||
title="Immersive Features"
|
||||
description="Discover a new way to interact with your clothes through advanced 3D simulation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ id: "f1", title: "Holographic View", tags: ["3D", "Visual"], imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-plastic-foil_23-2148864894.jpg" },
|
||||
{ id: "f2", title: "Interactive Fit", tags: ["Tech", "Custom"], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428152.jpg" },
|
||||
{ id: "f3", title: "Smart Fabric", tags: ["Innovation", "Material"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-perforated-fabric_23-2149894468.jpg" },
|
||||
]}
|
||||
title="Immersive Features"
|
||||
description="Discover a new way to interact with your clothes through advanced 3D simulation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Meowme",
|
||||
name: "Neon Jacket",
|
||||
price: "$249",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-virtual-reality-headset-long-shot_23-2148794597.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Meowme",
|
||||
name: "Chrome Sneakers",
|
||||
price: "$189",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005719.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Meowme",
|
||||
name: "Tech Vest",
|
||||
price: "$129",
|
||||
rating: 4,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688443.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Meowme",
|
||||
name: "Void Pants",
|
||||
price: "$159",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-microbiome_183364-124104.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Meowme",
|
||||
name: "Glass Accessory",
|
||||
price: "$79",
|
||||
rating: 4,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Meowme",
|
||||
name: "Digital Shirt",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-chair-inside_23-2149359824.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Browse our latest 3D-generated apparel line-up."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Meowme", name: "Neon Jacket", price: "$249", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-playing-virtual-reality-headset-long-shot_23-2148794597.jpg" },
|
||||
{ id: "p2", brand: "Meowme", name: "Chrome Sneakers", price: "$189", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-sneakers_23-2151005719.jpg" },
|
||||
{ id: "p3", brand: "Meowme", name: "Tech Vest", price: "$129", rating: 4, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688443.jpg" },
|
||||
{ id: "p4", brand: "Meowme", name: "Void Pants", price: "$159", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-basketball-player-microbiome_183364-124104.jpg" },
|
||||
{ id: "p5", brand: "Meowme", name: "Glass Accessory", price: "$79", rating: 4, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/woman-sunglasses_8353-9373.jpg" },
|
||||
{ id: "p6", brand: "Meowme", name: "Digital Shirt", price: "$99", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-chair-inside_23-2149359824.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Browse our latest 3D-generated apparel line-up."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex V.",
|
||||
role: "Influencer",
|
||||
testimonial: "The 3D shopping experience is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864923.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam K.",
|
||||
role: "Designer",
|
||||
testimonial: "Visuals are incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
role: "Customer",
|
||||
testimonial: "Love the fit interaction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080522.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Taylor B.",
|
||||
role: "Tech Reviewer",
|
||||
testimonial: "Meowme is the future.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-cute-brunette-woman-girl-casual-green-hipster-summer-clothes-with-no-makeup-isolated-white-using-smart-phone_158538-12589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Morgan D.",
|
||||
role: "Stylist",
|
||||
testimonial: "Everything looks so real.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-redhead-non-binary-person_23-2148760601.jpg",
|
||||
},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Join the digital fashion revolution."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alex V.", role: "Influencer", testimonial: "The 3D shopping experience is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-plastic-foil_23-2148864923.jpg" },
|
||||
{ id: "t2", name: "Sam K.", role: "Designer", testimonial: "Visuals are incredible.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-black-white_23-2149411420.jpg" },
|
||||
{ id: "t3", name: "Jordan P.", role: "Customer", testimonial: "Love the fit interaction.", imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080522.jpg" },
|
||||
{ id: "t4", name: "Taylor B.", role: "Tech Reviewer", testimonial: "Meowme is the future.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-cute-brunette-woman-girl-casual-green-hipster-summer-clothes-with-no-makeup-isolated-white-using-smart-phone_158538-12589.jpg" },
|
||||
{ id: "t5", name: "Morgan D.", role: "Stylist", testimonial: "Everything looks so real.", imageSrc: "http://img.b2bpic.net/free-photo/modern-redhead-non-binary-person_23-2148760601.jpg" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Join the digital fashion revolution."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do 3D fits work?",
|
||||
content: "We use photogrammetry and real-time mesh simulation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I return digital items?",
|
||||
content: "Yes, standard 30-day return policy applies.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are these real products?",
|
||||
content: "Yes, we ship physical garments based on digital designs.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/online-help-center_53876-95304.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Inquiries"
|
||||
description="Got questions about the digital experience?"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do 3D fits work?", content: "We use photogrammetry and real-time mesh simulation." },
|
||||
{ id: "q2", title: "Can I return digital items?", content: "Yes, standard 30-day return policy applies." },
|
||||
{ id: "q3", title: "Are these real products?", content: "Yes, we ship physical garments based on digital designs." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/online-help-center_53876-95304.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Inquiries"
|
||||
description="Got questions about the digital experience?"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Stay Connected"
|
||||
description="Sign up for exclusive 3D drop alerts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-craft-art-diamond-shape_53876-74763.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Support"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Stay Connected"
|
||||
description="Sign up for exclusive 3D drop alerts."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-craft-art-diamond-shape_53876-74763.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="meowme"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Vision",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "New",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="meowme"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Vision", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [{ label: "All", href: "#products" }, { label: "New", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user