Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-22 22:36:33 +00:00

View File

@@ -27,381 +27,156 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Products",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="SHOPIN"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Products", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="SHOPIN"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "sparkles-gradient",
}}
title="Luxury Redefined by SHOPIN"
description="Discover a curated selection of premium electronics and fashion, handpicked for those who appreciate the finer things in life."
kpis={[
{
value: "100+",
label: "Exclusive Items",
},
{
value: "24/7",
label: "Premium Support",
},
{
value: "10k+",
label: "Happy Clients",
},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg?_wi=1"
imageAlt="luxury lifestyle photography dark mode"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8980.jpg",
alt: "Red haired girl in bed with vr glasses at studio room",
},
{
src: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141594.jpg",
alt: "Person wearing futuristic high tech virtual reality glasses",
},
{
src: "http://img.b2bpic.net/free-photo/man-black-with-shopping-bags-smartphone_23-2148316560.jpg",
alt: "Man in black with shopping bags and smartphone",
},
{
src: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg",
alt: "Purse an lipstick",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg",
alt: "Portrait of woman with cigarette in brown winter head and blue scarf.",
},
]}
avatarText="Trusted by 10k+ luxury connoisseurs"
marqueeItems={[
{
type: "text",
text: "Curated Elegance",
},
{
type: "text",
text: "Premium Quality",
},
{
type: "text",
text: "Global Excellence",
},
{
type: "text",
text: "Timeless Style",
},
{
type: "text",
text: "Exquisite Design",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{ variant: "sparkles-gradient" }}
title="Luxury Redefined by SHOPIN"
description="Discover a curated selection of premium electronics and fashion, handpicked for those who appreciate the finer things in life."
kpis={[
{ value: "100+", label: "Exclusive Items" },
{ value: "24/7", label: "Premium Support" },
{ value: "10k+", label: "Happy Clients" },
]}
enableKpiAnimation={true}
buttons={[{ text: "Shop Now", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg"
imageAlt="luxury lifestyle photography dark mode"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/red-haired-girl-bed-with-vr-glasses-studio-room_627829-8980.jpg", alt: "Red haired girl in bed with vr glasses at studio room" },
{ src: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141594.jpg", alt: "Person wearing futuristic high tech virtual reality glasses" },
{ src: "http://img.b2bpic.net/free-photo/man-black-with-shopping-bags-smartphone_23-2148316560.jpg", alt: "Man in black with shopping bags and smartphone" },
{ src: "http://img.b2bpic.net/free-photo/purse-lipstick_23-2147710699.jpg", alt: "Purse an lipstick" },
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cigarette-brown-winter-head-blue-scarf_613910-331.jpg", alt: "Portrait of woman with cigarette in brown winter head and blue scarf." },
]}
avatarText="Trusted by 10k+ luxury connoisseurs"
marqueeItems={[
{ type: "text", text: "Curated Elegance" },
{ type: "text", text: "Premium Quality" },
{ type: "text", text: "Global Excellence" },
{ type: "text", text: "Timeless Style" },
{ type: "text", text: "Exquisite Design" },
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Precision Watch",
price: "$1,299",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg?_wi=1",
},
{
id: "2",
name: "Silk Couture",
price: "$899",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg?_wi=1",
},
{
id: "3",
name: "Leather Heritage",
price: "$649",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=1",
},
{
id: "4",
name: "Sonic Elite",
price: "$399",
imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=1",
},
{
id: "5",
name: "Visionary Frames",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670770.jpg",
},
{
id: "6",
name: "Meta Phone",
price: "$1,499",
imageSrc: "http://img.b2bpic.net/free-photo/woman-window-using-mobile_23-2148415946.jpg",
},
]}
title="Curated Collections"
description="Explore our hand-selected range of high-end materials, gadgets, and fashion staples."
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="split-description"
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Precision Watch", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg" },
{ id: "2", name: "Silk Couture", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg" },
{ id: "3", name: "Leather Heritage", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg" },
{ id: "4", name: "Sonic Elite", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg" },
{ id: "5", name: "Visionary Frames", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670770.jpg" },
{ id: "6", name: "Meta Phone", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/woman-window-using-mobile_23-2148415946.jpg" },
]}
title="Curated Collections"
description="Explore our hand-selected range of high-end materials, gadgets, and fashion staples."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Authenticity Guaranteed",
author: "Quality Assurance",
description: "Every item is rigorously inspected to ensure it meets our gold standard.",
tags: [
"Guaranteed",
"Original",
],
imageSrc: "http://img.b2bpic.net/free-photo/headset-aa-white-surface_181624-21804.jpg",
},
{
id: "f2",
title: "Global Shipping",
author: "Fast Delivery",
description: "Delivered to your doorstep, anywhere in the world, in secure luxury packaging.",
tags: [
"Global",
"Safe",
],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg",
},
{
id: "f3",
title: "Exclusive Concierge",
author: "24/7 Support",
description: "Dedicated shopping assistants available to help you make the perfect choice.",
tags: [
"Concierge",
"Support",
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg",
},
]}
title="The SHOPIN Advantage"
description="Experience shopping like never before, where quality meets unparalleled exclusivity."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ id: "f1", title: "Authenticity Guaranteed", author: "Quality Assurance", description: "Every item is rigorously inspected to ensure it meets our gold standard.", tags: ["Guaranteed", "Original"], imageSrc: "http://img.b2bpic.net/free-photo/headset-aa-white-surface_181624-21804.jpg" },
{ id: "f2", title: "Global Shipping", author: "Fast Delivery", description: "Delivered to your doorstep, anywhere in the world, in secure luxury packaging.", tags: ["Global", "Safe"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg" },
{ id: "f3", title: "Exclusive Concierge", author: "24/7 Support", description: "Dedicated shopping assistants available to help you make the perfect choice.", tags: ["Concierge", "Support"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg" },
]}
title="The SHOPIN Advantage"
description="Experience shopping like never before, where quality meets unparalleled exclusivity."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
description: "Client Satisfaction Rate",
},
{
id: "m2",
value: "150+",
description: "Global Shipping Countries",
},
{
id: "m3",
value: "5k+",
description: "Unique Products Curated",
},
]}
title="Excellence in Numbers"
description="Our commitment to premium quality, reflected in our performance and growth."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "99.9%", description: "Client Satisfaction Rate" },
{ id: "m2", value: "150+", description: "Global Shipping Countries" },
{ id: "m3", value: "5k+", description: "Unique Products Curated" },
]}
title="Excellence in Numbers"
description="Our commitment to premium quality, reflected in our performance and growth."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Elena Ross",
date: "Oct 2023",
title: "Luxury Enthusiast",
quote: "The selection is truly unmatched, and the shopping experience feels genuinely exclusive.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg?_wi=2",
imageAlt: "professional customer portrait dark studio",
},
{
id: "t2",
name: "Marcus Vane",
date: "Nov 2023",
title: "Gadget Specialist",
quote: "Rare electronics I couldn't find anywhere else. SHOPIN has a great eye for quality.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg?_wi=2",
imageAlt: "professional customer portrait dark studio",
},
{
id: "t3",
name: "Sarah Chen",
date: "Dec 2023",
title: "Fashion Icon",
quote: "Stunning quality, excellent packaging. Everything is perfect for a luxury lover.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/clothing-store-smiling-client-assistant-discussing-apparel-style-while-browsing-through-rack-african-american-man-showing-outfit-mall-customer-giving-fashion-advice_482257-71789.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg?_wi=2",
imageAlt: "professional customer portrait dark studio",
},
{
id: "t4",
name: "Julian Thorne",
date: "Jan 2024",
title: "Business Owner",
quote: "The level of customer service is as high-end as the products themselves.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg?_wi=2",
imageAlt: "professional customer portrait dark studio",
},
{
id: "t5",
name: "Chloe Dupont",
date: "Feb 2024",
title: "Collector",
quote: "Beautifully curated, reliable, and sophisticated. SHOPIN is my favorite shop now.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg?_wi=2",
imageAlt: "professional customer portrait dark studio",
},
]}
title="A Legacy of Trust"
description="Read what our discerning clients say about their experience with SHOPIN."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "t1", name: "Elena Ross", date: "Oct 2023", title: "Luxury Enthusiast", quote: "The selection is truly unmatched, and the shopping experience feels genuinely exclusive.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-transgender-posing-medium-shot_23-2149154632.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-nail-polish-accesories-plain-background_23-2148306690.jpg" },
{ id: "t2", name: "Marcus Vane", date: "Nov 2023", title: "Gadget Specialist", quote: "Rare electronics I couldn't find anywhere else. SHOPIN has a great eye for quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg" },
{ id: "t3", name: "Sarah Chen", date: "Dec 2023", title: "Fashion Icon", quote: "Stunning quality, excellent packaging. Everything is perfect for a luxury lover.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/clothing-store-smiling-client-assistant-discussing-apparel-style-while-browsing-through-rack-african-american-man-showing-outfit-mall-customer-giving-fashion-advice_482257-71789.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-green-eyes-wears-grey-sweater-hat-autumn-image-concept_633478-2606.jpg" },
{ id: "t4", name: "Julian Thorne", date: "Jan 2024", title: "Business Owner", quote: "The level of customer service is as high-end as the products themselves.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-wall_23-2148415941.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-talking-phone_23-2148751530.jpg" },
{ id: "t5", name: "Chloe Dupont", date: "Feb 2024", title: "Collector", quote: "Beautifully curated, reliable, and sophisticated. SHOPIN is my favorite shop now.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-hat-waist-bag-relaxing-cafe-free-time-with-mobile-phone_627829-5382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/headphones-laptop-home_23-2149551432.jpg" },
]}
title="A Legacy of Trust"
description="Read what our discerning clients say about their experience with SHOPIN."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is everything authentic?",
content: "Yes, we guarantee that all items are 100% authentic and sourced directly from premium designers.",
},
{
id: "q2",
title: "Do you ship worldwide?",
content: "We offer insured, global express shipping to all major countries worldwide.",
},
{
id: "q3",
title: "What is the return policy?",
content: "We offer a 30-day premium return policy for all items, ensuring complete peace of mind.",
},
]}
title="Frequently Asked Questions"
description="Everything you need to know about shopping with our premium service."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is everything authentic?", content: "Yes, we guarantee that all items are 100% authentic and sourced directly from premium designers." },
{ id: "q2", title: "Do you ship worldwide?", content: "We offer insured, global express shipping to all major countries worldwide." },
{ id: "q3", title: "What is the return policy?", content: "We offer a 30-day premium return policy for all items, ensuring complete peace of mind." },
]}
title="Frequently Asked Questions"
description="Everything you need to know about shopping with our premium service."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Stay Informed"
title="Join the Elite Circle"
description="Sign up for exclusive previews, early access to collections, and special member updates."
imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17201.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
tag="Stay Informed"
title="Join the Elite Circle"
description="Sign up for exclusive previews, early access to collections, and special member updates."
imageSrc="http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-tablet-stylus-earbuds_58702-17201.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="SHOPIN"
columns={[
{
title: "Navigation",
items: [
{
label: "Shop All",
href: "#products",
},
{
label: "Concierge",
href: "#",
},
{
label: "FAQ",
href: "#faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Shipping Info",
href: "#",
},
],
},
]}
copyrightText="© 2025 | SHOPIN Luxury Group"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="SHOPIN"
columns={[
{ title: "Navigation", items: [{ label: "Shop All", href: "#products" }, { label: "Concierge", href: "#" }, { label: "FAQ", href: "#faq" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Shipping Info", href: "#" }] },
]}
copyrightText="© 2025 | SHOPIN Luxury Group"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}