Merge version_1 into main #1
224
src/app/page.tsx
224
src/app/page.tsx
@@ -19,23 +19,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AliExpress Style Store"
|
||||
/>
|
||||
@@ -44,35 +45,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Engineering, Modern Design"
|
||||
description="Discover unparalleled performance and sleek aesthetics with our latest tech innovation."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-purple-tin-cans-with-copy-space_23-2148785262.jpg",
|
||||
imageAlt: "Product Display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-purple-tin-cans-with-copy-space_23-2148785262.jpg", imageAlt: "Product Display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062903.jpg",
|
||||
imageAlt: "Close up details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150062903.jpg", imageAlt: "Close up details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-student-is-holding-crystal-quartz-hands-while-sitting-her-workplace_613910-17304.jpg",
|
||||
imageAlt: "Workspace setup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-student-is-holding-crystal-quartz-hands-while-sitting-her-workplace_613910-17304.jpg", imageAlt: "Workspace setup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faded-blank-name-card-by-white-wall_53876-95937.jpg",
|
||||
imageAlt: "Side view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faded-blank-name-card-by-white-wall_53876-95937.jpg", imageAlt: "Side view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882663.jpg",
|
||||
imageAlt: "Top view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hardware-component-background_23-2148882663.jpg", imageAlt: "Top view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17255.jpg",
|
||||
imageAlt: "Package contents",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17255.jpg", imageAlt: "Package contents"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,47 +84,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Series Model X",
|
||||
price: "145.69€",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-library-with-great-research-collection-higher-education-school_482257-126380.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Series Model X", price: "145.69€", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/empty-library-with-great-research-collection-higher-education-school_482257-126380.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lite Version A1",
|
||||
price: "99.00€",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-11316.jpg",
|
||||
},
|
||||
id: "p2", name: "Lite Version A1", price: "99.00€", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-11316.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Enterprise Hub",
|
||||
price: "249.99€",
|
||||
variant: "Business",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition_23-2147915790.jpg",
|
||||
},
|
||||
id: "p3", name: "Enterprise Hub", price: "249.99€", variant: "Business", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition_23-2147915790.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Mobile Sync Module",
|
||||
price: "55.00€",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-peach-arrangement_23-2150928933.jpg",
|
||||
},
|
||||
id: "p4", name: "Mobile Sync Module", price: "55.00€", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-peach-arrangement_23-2150928933.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Charging Station",
|
||||
price: "45.00€",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-large-ferris-wheel-clear-blue-sky_181624-5040.jpg",
|
||||
},
|
||||
id: "p5", name: "Charging Station", price: "45.00€", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-large-ferris-wheel-clear-blue-sky_181624-5040.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Protective Case",
|
||||
price: "25.00€",
|
||||
variant: "Protection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-graphic-designer-working-with-stilus-tablet_93675-131317.jpg",
|
||||
},
|
||||
id: "p6", name: "Protective Case", price: "25.00€", variant: "Protection", imageSrc: "http://img.b2bpic.net/free-photo/hand-graphic-designer-working-with-stilus-tablet_93675-131317.jpg"},
|
||||
]}
|
||||
title="Our Latest Tech Lineup"
|
||||
description="Explore the full collection of high-performance devices."
|
||||
@@ -151,26 +109,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Connectivity",
|
||||
description: "Seamless integration across all devices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201865.jpg",
|
||||
buttonText: "Learn More",
|
||||
},
|
||||
title: "Smart Connectivity", description: "Seamless integration across all devices.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201865.jpg", buttonText: "Learn More"},
|
||||
{
|
||||
title: "Robust Build Quality",
|
||||
description: "Engineered for longevity and performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-writing-notebook_23-2149328252.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/skateboarding-sitting-taking-photo-holiday-concept_53876-30140.jpg",
|
||||
buttonText: "Check Specs",
|
||||
},
|
||||
title: "Robust Build Quality", description: "Engineered for longevity and performance.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-writing-notebook_23-2149328252.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/skateboarding-sitting-taking-photo-holiday-concept_53876-30140.jpg", buttonText: "Check Specs"},
|
||||
{
|
||||
title: "Intuitive Software UI",
|
||||
description: "User-friendly interface for maximum control.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-touching-tablet-graphics-coming-out-it_1232-1399.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg",
|
||||
buttonText: "See App",
|
||||
},
|
||||
title: "Intuitive Software UI", description: "User-friendly interface for maximum control.", imageSrc: "http://img.b2bpic.net/free-photo/person-touching-tablet-graphics-coming-out-it_1232-1399.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg", buttonText: "See App"},
|
||||
]}
|
||||
title="Why choose our technology?"
|
||||
description="We deliver efficiency, compatibility, and durability."
|
||||
@@ -185,20 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Customer Satisfaction Rate"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
description: "Devices Sold Worldwide",
|
||||
},
|
||||
id: "m2", value: "10k+", description: "Devices Sold Worldwide"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Technical Support Available",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "Technical Support Available"},
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Delivering exceptional value and satisfaction."
|
||||
@@ -213,45 +147,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "IT Architect",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "IT Architect", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
role: "Systems Engineer",
|
||||
company: "Global Connect",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167411.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Miller", role: "Systems Engineer", company: "Global Connect", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167411.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Lead Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Lead Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Operations Manager",
|
||||
company: "FastLogistics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg",
|
||||
},
|
||||
id: "4", name: "David Smith", role: "Operations Manager", company: "FastLogistics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-business-environment-used-corporate-culture-industry_482257-125612.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Brown",
|
||||
role: "Software Developer",
|
||||
company: "DevSol",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg",
|
||||
},
|
||||
id: "5", name: "Anna Brown", role: "Software Developer", company: "DevSol", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="See why our customers prefer our products."
|
||||
@@ -264,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the shipping free?",
|
||||
content: "Yes, we offer free shipping on all orders over 50€.",
|
||||
},
|
||||
id: "q1", title: "Is the shipping free?", content: "Yes, we offer free shipping on all orders over 50€."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the warranty period?",
|
||||
content: "Our products come with a 24-month comprehensive warranty.",
|
||||
},
|
||||
id: "q2", title: "What is the warranty period?", content: "Our products come with a 24-month comprehensive warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive a tracking link via email once your order has shipped.",
|
||||
},
|
||||
id: "q3", title: "How can I track my order?", content: "You will receive a tracking link via email once your order has shipped."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -289,16 +189,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Our team is here to assist you with any questions or technical support needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@example.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -308,42 +205,27 @@ export default function LandingPage() {
|
||||
logoText="AliExpress Store"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user