Merge version_1 into main #1
363
src/app/page.tsx
363
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Pricing", id: "#pricing" }
|
||||
]}
|
||||
brandName="3DStore"
|
||||
/>
|
||||
@@ -55,105 +43,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Future of 3D Commerce"
|
||||
description="Experience our cutting-edge 3D products with immersive visuals and unmatched performance."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-feathers-bowl-near-big-quills_23-2148073852.jpg",
|
||||
imageAlt: "futuristic product 3d render",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-three-dimensional-geometrical-background_23-2148772503.jpg",
|
||||
imageAlt: "3d floating tech gadget",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg",
|
||||
imageAlt: "exploded 3d hardware device",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-cell-phone-wooden-desk_1387-984.jpg",
|
||||
imageAlt: "3d industrial design matte",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-background-light-leaks_58702-1183.jpg",
|
||||
imageAlt: "macro 3d product surface",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-eggs-feathers-bowl-near-big-quills_23-2148073852.jpg", imageAlt: "futuristic product 3d render" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scene-three-dimensional-geometrical-background_23-2148772503.jpg", imageAlt: "3d floating tech gadget" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg", imageAlt: "exploded 3d hardware device" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-cell-phone-wooden-desk_1387-984.jpg", imageAlt: "3d industrial design matte" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blurred-background-light-leaks_58702-1183.jpg", imageAlt: "macro 3d product surface" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-79898.jpg",
|
||||
imageAlt: "minimalist 3d electronics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-grapefruit-cutting-board-marble-surface_114579-83634.jpg",
|
||||
imageAlt: "macro 3d product surface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16310.jpg",
|
||||
imageAlt: "3d industrial design matte",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545665.jpg",
|
||||
imageAlt: "exploded 3d hardware device",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-blue-monday-subtitles_23-2149182958.jpg",
|
||||
imageAlt: "3d floating tech gadget",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599246.jpg",
|
||||
alt: "Beautiful concept with prism light deflection",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",
|
||||
alt: "Stacked aesthetic objects still life",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chicken-quail-eggs-feathers-bowl-near-big-quills-can_23-2148073854.jpg",
|
||||
alt: "Chicken and quail eggs between feathers in bowl near big quills in can",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/set-feathers-can_23-2148073845.jpg",
|
||||
alt: "Set of feathers in can",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-art-made-from-3d-geometric-shapes_23-2150829317.jpg",
|
||||
alt: "Abstract art made from 3d geometric shapes",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial-Grade",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "3D-Ready",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Next-Gen",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-orange-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-79898.jpg", imageAlt: "minimalist 3d electronics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-grapefruit-cutting-board-marble-surface_114579-83634.jpg", imageAlt: "macro 3d product surface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-16310.jpg", imageAlt: "3d industrial design matte" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545665.jpg", imageAlt: "exploded 3d hardware device" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-with-blue-monday-subtitles_23-2149182958.jpg", imageAlt: "3d floating tech gadget" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -164,48 +71,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Precision Sensor",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg",
|
||||
imageAlt: "3d product industrial",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Quantum Hub",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-earphone-with-open-laptop-isolated-white-backdrop_23-2148061447.jpg",
|
||||
imageAlt: "luxury 3d gadget render",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pulse Controller",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-light-background-with-sunset-projector-lamp_53876-103787.jpg",
|
||||
imageAlt: "matte black tech device",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nebula Core",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-white-paper-curve-with-dramatic-shadows_1194-638602.jpg",
|
||||
imageAlt: "sophisticated tech gadget render",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vertex Link",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-12226.jpg",
|
||||
imageAlt: "modern minimalist tech render",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Vector Pro",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17366.jpg",
|
||||
imageAlt: "3d rendered electronic details",
|
||||
},
|
||||
{ id: "1", name: "Precision Sensor", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627914.jpg", imageAlt: "3d product industrial" },
|
||||
{ id: "2", name: "Quantum Hub", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-earphone-with-open-laptop-isolated-white-backdrop_23-2148061447.jpg", imageAlt: "luxury 3d gadget render" },
|
||||
{ id: "3", name: "Pulse Controller", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/yellow-light-background-with-sunset-projector-lamp_53876-103787.jpg", imageAlt: "matte black tech device" },
|
||||
{ id: "4", name: "Nebula Core", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/abstract-white-paper-curve-with-dramatic-shadows_1194-638602.jpg", imageAlt: "sophisticated tech gadget render" },
|
||||
{ id: "5", name: "Vertex Link", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-12226.jpg", imageAlt: "modern minimalist tech render" },
|
||||
{ id: "6", name: "Vector Pro", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17366.jpg", imageAlt: "3d rendered electronic details" }
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Discover our collection of premium 3D hardware."
|
||||
@@ -215,23 +86,12 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ultra-Fast Performance",
|
||||
description: "High-performance processing built for modern workflows.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Industrial Durability",
|
||||
description: "Crafted from aerospace-grade materials to last a lifetime.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Award-Winning Design",
|
||||
description: "Beautiful 3D aesthetics that blend seamlessly with any workspace.",
|
||||
},
|
||||
{ icon: Zap, title: "Ultra-Fast Performance", description: "High-performance processing built for modern workflows." },
|
||||
{ icon: Shield, title: "Industrial Durability", description: "Crafted from aerospace-grade materials to last a lifetime." },
|
||||
{ icon: Award, title: "Award-Winning Design", description: "Beautiful 3D aesthetics that blend seamlessly with any workspace." }
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Unrivaled quality and innovation in every detail."
|
||||
@@ -244,21 +104,9 @@ export default function LandingPage() {
|
||||
title="Industry Leading Impact"
|
||||
tag="Data Driven"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
description: "Units shipped worldwide",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
description: "Global distribution centers",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99.9%",
|
||||
description: "Customer satisfaction rate",
|
||||
},
|
||||
{ id: "1", value: "10k+", description: "Units shipped worldwide" },
|
||||
{ id: "2", value: "50+", description: "Global distribution centers" },
|
||||
{ id: "3", value: "99.9%", description: "Customer satisfaction rate" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -270,41 +118,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@rivet_tech",
|
||||
testimonial: "The build quality on these 3D units is simply incredible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@chen_design",
|
||||
testimonial: "Transformed my creative workflow entirely. A game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112076.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Fast, reliable, and looks stunning on my desk.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Professional grade tech. Highly recommended for any studio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wu",
|
||||
handle: "@dwu_dev",
|
||||
testimonial: "Best in class performance and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-talking-phone-with-one-hand-waist_1139-432.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivet", handle: "@rivet_tech", testimonial: "The build quality on these 3D units is simply incredible.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
|
||||
{ id: "2", name: "Sarah Chen", handle: "@chen_design", testimonial: "Transformed my creative workflow entirely. A game changer.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112076.jpg" },
|
||||
{ id: "3", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Fast, reliable, and looks stunning on my desk.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" },
|
||||
{ id: "4", name: "Elena Rossi", handle: "@erossi", testimonial: "Professional grade tech. Highly recommended for any studio.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg" },
|
||||
{ id: "5", name: "David Wu", handle: "@dwu_dev", testimonial: "Best in class performance and style.", imageSrc: "http://img.b2bpic.net/free-photo/worker-talking-phone-with-one-hand-waist_1139-432.jpg" }
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our users are saying about the experience."
|
||||
@@ -317,56 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$299",
|
||||
subtitle: "Perfect for freelancers",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 year warranty",
|
||||
"Community support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$599",
|
||||
subtitle: "For serious creators",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3 year warranty",
|
||||
"Priority support",
|
||||
"Pro toolkit",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "$999",
|
||||
subtitle: "For large studios",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5 year warranty",
|
||||
"24/7 support",
|
||||
"Custom branding",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Entry", price: "$299", subtitle: "Perfect for freelancers", buttons: [{ text: "Get Started", href: "#" }], features: ["1 year warranty", "Community support"] },
|
||||
{ id: "pro", badge: "Pro", price: "$599", subtitle: "For serious creators", buttons: [{ text: "Get Started", href: "#" }], features: ["3 year warranty", "Priority support", "Pro toolkit"] },
|
||||
{ id: "enterprise", badge: "Enterprise", price: "$999", subtitle: "For large studios", buttons: [{ text: "Get Started", href: "#" }], features: ["5 year warranty", "24/7 support", "Custom branding"] }
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the perfect plan for your professional needs."
|
||||
@@ -377,21 +148,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping times?",
|
||||
content: "We ship globally within 3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Return policy?",
|
||||
content: "30-day hassle-free return window.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Bulk orders?",
|
||||
content: "Contact us for custom enterprise quotes.",
|
||||
},
|
||||
{ id: "f1", title: "Shipping times?", content: "We ship globally within 3-5 business days." },
|
||||
{ id: "f2", title: "Return policy?", content: "30-day hassle-free return window." },
|
||||
{ id: "f3", title: "Bulk orders?", content: "Contact us for custom enterprise quotes." }
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
sideDescription="We've got you covered."
|
||||
@@ -405,18 +164,8 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Let's build the future together."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/general-director-reviewing-data-analytics-with-her-team-successful-development-plan_482257-118674.jpg"
|
||||
/>
|
||||
@@ -427,35 +176,15 @@ export default function LandingPage() {
|
||||
logoText="3DStore"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Tech",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Product", items: [{ label: "Shop", href: "#products" }, { label: "Tech", href: "#features" }]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user