Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-26 11:40:01 +00:00

View File

@@ -16,371 +16,166 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="grid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="grid"
cardStyle="gradient-bordered"
primaryButtonStyle="flat"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Shop",
id: "#products",
},
{
name: "About",
id: "#about",
},
{
name: "Reviews",
id: "#reviews",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Elyon"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Shop", id: "#products" },
{ name: "About", id: "#about" },
{ name: "Reviews", id: "#reviews" },
{ name: "Contact", id: "#contact" }
]}
brandName="Elyon"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
title="Crafted for Excellence. Defined by You."
description="Discover a collection curated for those who seek quality in every detail. Elyon delivers timeless design and unparalleled performance."
testimonials={[
{
name: "Alex Rivers",
handle: "@arivers",
testimonial: "The best product I've purchased this year. Truly elevated my routine.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-camera_23-2148523903.jpg",
},
{
name: "Jamie Lee",
handle: "@jlee",
testimonial: "Exceptional quality and delivery. Will be coming back for more.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-glad-woman-wears-black-hat-smiles-broadly-being-high-spirit-has-fun-walk-outside_273609-25896.jpg",
},
{
name: "Sam Taylor",
handle: "@staylor",
testimonial: "Design meets functionality perfectly. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-66587.jpg",
},
{
name: "Morgan F.",
handle: "@mfrey",
testimonial: "Incredible attention to detail. Worth every penny.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-photo-cafe_23-2147785281.jpg",
},
{
name: "Taylor P.",
handle: "@tparks",
testimonial: "Simple, elegant, and effective. The perfect fit for my home.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cafe-customer-agreement-worker-planning_1150-1575.jpg",
},
]}
buttons={[
{
text: "Shop Collection",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646505.jpg"
imageAlt="luxury lifestyle products studio photo"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149390525.jpg",
alt: "Happy user 1",
},
{
src: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
alt: "Happy user 2",
},
{
src: "http://img.b2bpic.net/free-photo/business-young-entrepreneurs-concept-young-woman-video-chats-has-online-meeting-uses-wireless_1258-195293.jpg",
alt: "Happy user 3",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "Happy user 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
alt: "Happy user 5",
},
]}
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg",
alt: "Modern wireless speaker",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/set-quail-eggs-napkin-near-feathers-can_23-2148073847.jpg",
alt: "Quail eggs on napkin",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-arrangement_23-2149879480.jpg",
alt: "Travel product set",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg",
alt: "Elegant glass cups",
},
{
type: "text",
text: "Premium Design",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars" }}
title="Crafted for Excellence. Defined by You."
description="Discover a collection curated for those who seek quality in every detail. Elyon delivers timeless design and unparalleled performance."
testimonials={[
{ name: "Alex Rivers", handle: "@arivers", testimonial: "The best product I've purchased this year. Truly elevated my routine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-camera_23-2148523903.jpg" },
{ name: "Jamie Lee", handle: "@jlee", testimonial: "Exceptional quality and delivery. Will be coming back for more.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-glad-woman-wears-black-hat-smiles-broadly-being-high-spirit-has-fun-walk-outside_273609-25896.jpg" },
{ name: "Sam Taylor", handle: "@staylor", testimonial: "Design meets functionality perfectly. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-66587.jpg" },
{ name: "Morgan F.", handle: "@mfrey", testimonial: "Incredible attention to detail. Worth every penny.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-photo-cafe_23-2147785281.jpg" },
{ name: "Taylor P.", handle: "@tparks", testimonial: "Simple, elegant, and effective. The perfect fit for my home.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cafe-customer-agreement-worker-planning_1150-1575.jpg" }
]}
buttons={[{ text: "Shop Collection", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646505.jpg"
imageAlt="luxury lifestyle products studio photo"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-high-five_23-2149390525.jpg", alt: "Happy user 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg", alt: "Happy user 2" },
{ src: "http://img.b2bpic.net/free-photo/business-young-entrepreneurs-concept-young-woman-video-chats-has-online-meeting-uses-wireless_1258-195293.jpg", alt: "Happy user 3" },
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Happy user 4" },
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Happy user 5" }
]}
marqueeItems={[
{ type: "image", src: "http://img.b2bpic.net/free-photo/modern-round-wireless-speaker-with-slick-design-floating-concrete-background_23-2150808029.jpg", alt: "Modern wireless speaker" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/set-quail-eggs-napkin-near-feathers-can_23-2148073847.jpg", alt: "Quail eggs on napkin" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-toilet-bag-products-arrangement_23-2149879480.jpg", alt: "Travel product set" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg", alt: "Elegant glass cups" },
{ type: "text", text: "Premium Design" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Our Philosophy of",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/girl-with-color-palette-outdoors_23-2148014086.jpg",
alt: "artisan hands crafting product",
},
{
type: "text",
content: "True Quality",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "Our Philosophy of" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/girl-with-color-palette-outdoors_23-2148014086.jpg", alt: "artisan hands crafting product" },
{ type: "text", content: "True Quality" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Elyon",
name: "Essential Carry",
price: "$89",
rating: 5,
reviewCount: "124",
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329671.jpg",
},
{
id: "2",
brand: "Elyon",
name: "Modern Daily",
price: "$125",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646447.jpg",
},
{
id: "3",
brand: "Elyon",
name: "Signature Tool",
price: "$55",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/snapshot-devices-notepad-glasses-apples-background-white-table_197531-25734.jpg",
},
{
id: "4",
brand: "Elyon",
name: "Studio Case",
price: "$72",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-shopping-cart-with-medical-masks_23-2148779109.jpg",
},
{
id: "5",
brand: "Elyon",
name: "Traveler Kit",
price: "$140",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072234.jpg",
},
{
id: "6",
brand: "Elyon",
name: "Minimalist Wallet",
price: "$45",
rating: 4,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-empty-cup-dark-surface-cutlery-restaurant-lunch-color-coffee-plate-tea-drink_179666-19752.jpg",
},
]}
title="Featured Collection"
description="Our latest handpicked items designed for your daily life."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", brand: "Elyon", name: "Essential Carry", price: "$89", rating: 5, reviewCount: "124", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329671.jpg" },
{ id: "2", brand: "Elyon", name: "Modern Daily", price: "$125", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646447.jpg" },
{ id: "3", brand: "Elyon", name: "Signature Tool", price: "$55", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/snapshot-devices-notepad-glasses-apples-background-white-table_197531-25734.jpg" },
{ id: "4", brand: "Elyon", name: "Studio Case", price: "$72", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-small-shopping-cart-with-medical-masks_23-2148779109.jpg" },
{ id: "5", brand: "Elyon", name: "Traveler Kit", price: "$140", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072234.jpg" },
{ id: "6", brand: "Elyon", name: "Minimalist Wallet", price: "$45", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-empty-cup-dark-surface-cutlery-restaurant-lunch-color-coffee-plate-tea-drink_179666-19752.jpg" }
]}
title="Featured Collection"
description="Our latest handpicked items designed for your daily life."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Elyon",
"DesignDaily",
"TechRetail",
"ModernLuxury",
"Elite Goods",
"Lifestyle Weekly",
"Retail Trends",
]}
title="Trusted by Industry Leaders"
description="Our brand is recognized by top retailers and platforms."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Elyon", "DesignDaily", "TechRetail", "ModernLuxury", "Elite Goods", "Lifestyle Weekly", "Retail Trends"]}
title="Trusted by Industry Leaders"
description="Our brand is recognized by top retailers and platforms."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/morena-fotografia-belleza-sonrisa-parque_1301-1584.jpg",
},
{
id: "2",
name: "Michael K.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg",
},
{
id: "3",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
},
{
id: "4",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-holding-cocktail_23-2147681035.jpg",
},
{
id: "5",
name: "Chloe M.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-retro-yellow-camera-outdoors_23-2148648134.jpg",
},
]}
cardTitle="What People Say"
cardAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwelve
useInvertedBackground={false}
cardTag="Customer Reviews"
testimonials={[
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/morena-fotografia-belleza-sonrisa-parque_1301-1584.jpg" },
{ id: "2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-break-time_23-2149308479.jpg" },
{ id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg" },
{ id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-holding-cocktail_23-2147681035.jpg" },
{ id: "5", name: "Chloe M.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-retro-yellow-camera-outdoors_23-2148648134.jpg" }
]}
cardTitle="What People Say"
cardAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Our Reach"
tag="Milestones"
metrics={[
{
id: "m1",
value: "15k+",
description: "Happy Customers",
},
{
id: "m2",
value: "50+",
description: "Global Retail Partners",
},
{
id: "m3",
value: "100%",
description: "Quality Guarantee",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Our Reach"
tag="Milestones"
metrics={[
{ id: "m1", value: "15k+", description: "Happy Customers" },
{ id: "m2", value: "50+", description: "Global Retail Partners" },
{ id: "m3", value: "100%", description: "Quality Guarantee" }
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is your shipping policy?",
content: "We offer free shipping on all orders over $100.",
},
{
id: "f2",
title: "Do you offer returns?",
content: "Yes, we have a 30-day hassle-free return policy.",
},
{
id: "f3",
title: "Is the warranty included?",
content: "All our products come with a standard 12-month warranty.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/round-particle-lines-futuristic-gradient-wallpaper_53876-97643.jpg"
title="Frequently Asked Questions"
description="Have questions? We've got answers."
faqsAnimation="slide-up"
imageAlt="modern information support abstract"
mediaAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "What is your shipping policy?", content: "We offer free shipping on all orders over $100." },
{ id: "f2", title: "Do you offer returns?", content: "Yes, we have a 30-day hassle-free return policy." },
{ id: "f3", title: "Is the warranty included?", content: "All our products come with a standard 12-month warranty." }
]}
imageSrc="http://img.b2bpic.net/free-photo/round-particle-lines-futuristic-gradient-wallpaper_53876-97643.jpg"
title="Frequently Asked Questions"
description="Have questions? We've got answers."
faqsAnimation="slide-up"
imageAlt="modern information support abstract"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
text="Ready to experience Elyon? Get in touch with our team today."
buttons={[
{
text: "Contact Support",
href: "mailto:hello@elyon.store",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "radial-gradient" }}
text="Ready to experience Elyon? Get in touch with our team today."
buttons={[{ text: "Contact Support", href: "mailto:hello@elyon.store" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="ELYON"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="ELYON"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);