Merge version_1 into main #2
230
src/app/page.tsx
230
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -56,41 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision, Redefined."
|
||||
description="Experience the intersection of form and function. Crafted for those who demand excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Buy Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-tablet-phone-perspective-side_187299-37922.jpg?_wi=1",
|
||||
imageAlt: "Lumina Primary Product Hero",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-tablet-phone-perspective-side_187299-37922.jpg", imageAlt: "Lumina Primary Product Hero"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-electronic-product-balancing-podium_23-2150141338.jpg",
|
||||
imageAlt: "Lumina Primary Product Hero Angle 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-electronic-product-balancing-podium_23-2150141338.jpg", imageAlt: "Lumina Primary Product Hero Angle 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349214.jpg",
|
||||
imageAlt: "Lumina Primary Product Hero Angle 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349214.jpg", imageAlt: "Lumina Primary Product Hero Angle 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039374.jpg",
|
||||
imageAlt: "Lumina Primary Product Hero Angle 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039374.jpg", imageAlt: "Lumina Primary Product Hero Angle 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074305.jpg",
|
||||
imageAlt: "Lumina Primary Product Hero Angle 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074305.jpg", imageAlt: "Lumina Primary Product Hero Angle 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074260.jpg",
|
||||
imageAlt: "Lumina Primary Product Hero Angle 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074260.jpg", imageAlt: "Lumina Primary Product Hero Angle 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,7 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Simplicity"
|
||||
description="We believe that the most sophisticated designs are the ones that do less. By stripping away the unnecessary, we highlight the core essence of your daily tools."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg"
|
||||
imageAlt="Elegant Home Interior Tech Setup"
|
||||
/>
|
||||
</div>
|
||||
@@ -110,22 +87,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Unmatched Texture",
|
||||
description: "Premium finish that feels as good as it looks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17366.jpg?_wi=1",
|
||||
},
|
||||
title: "Unmatched Texture", description: "Premium finish that feels as good as it looks.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17366.jpg"},
|
||||
{
|
||||
title: "Cinematic Aesthetic",
|
||||
description: "Designed to seamlessly blend into your modern lifestyle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-screen-edge-laptop-with-mouse-white-background_23-2147854266.jpg",
|
||||
},
|
||||
title: "Cinematic Aesthetic", description: "Designed to seamlessly blend into your modern lifestyle.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-screen-edge-laptop-with-mouse-white-background_23-2147854266.jpg"},
|
||||
{
|
||||
title: "Intelligent UI",
|
||||
description: "Intuitive interface that anticipates your next move.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-liquid-wavy-background-3d-illustration-abstract-iridescent-fluid-render-neon-holographic-smooth-surface-with-colorful-interference-stylish-spectrum-flow-motion_1217-2505.jpg?_wi=1",
|
||||
},
|
||||
title: "Intelligent UI", description: "Intuitive interface that anticipates your next move.", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-liquid-wavy-background-3d-illustration-abstract-iridescent-fluid-render-neon-holographic-smooth-surface-with-colorful-interference-stylish-spectrum-flow-motion_1217-2505.jpg"},
|
||||
]}
|
||||
title="Engineering Brilliance"
|
||||
description="Every curve, every finish, every interaction has been meticulously engineered for superior performance."
|
||||
@@ -137,43 +106,20 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Lumina One",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-sunglasses-paper-name-tag_23-2148036873.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Lumina One", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-sunglasses-paper-name-tag_23-2148036873.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lumina Pro",
|
||||
price: "$1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dropper-bottle_187299-47494.jpg",
|
||||
},
|
||||
id: "p2", name: "Lumina Pro", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/dropper-bottle_187299-47494.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lumina Lite",
|
||||
price: "$649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-phone-perspective-view-white-background_187299-35294.jpg",
|
||||
},
|
||||
id: "p3", name: "Lumina Lite", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-phone-perspective-view-white-background_187299-35294.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lumina X",
|
||||
price: "$1,599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-fluorescent-make-up-woman-s-body_23-2148410049.jpg",
|
||||
},
|
||||
id: "p4", name: "Lumina X", price: "$1,599", imageSrc: "http://img.b2bpic.net/free-photo/colorful-fluorescent-make-up-woman-s-body_23-2148410049.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Lumina Air",
|
||||
price: "$749",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg",
|
||||
},
|
||||
id: "p5", name: "Lumina Air", price: "$749", imageSrc: "http://img.b2bpic.net/free-photo/transistors_1160-25.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lumina Ultra",
|
||||
price: "$1,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg",
|
||||
},
|
||||
id: "p6", name: "Lumina Ultra", price: "$1,999", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-storage-devices-bed_23-2149319354.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Choose your perfect companion from our curated selection of high-end hardware."
|
||||
@@ -188,25 +134,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
description: "Always ready when you are.",
|
||||
icon: Shield,
|
||||
id: "m1", value: "99.9%", title: "Uptime Reliability", description: "Always ready when you are.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Battery Life",
|
||||
description: "Performance that lasts all day.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "24h", title: "Battery Life", description: "Performance that lasts all day.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100ms",
|
||||
title: "Response Time",
|
||||
description: "Instant responsiveness, zero lag.",
|
||||
icon: Clock,
|
||||
id: "m3", value: "100ms", title: "Response Time", description: "Instant responsiveness, zero lag.", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
@@ -220,60 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Rivet",
|
||||
date: "Oct 2023",
|
||||
title: "Designer",
|
||||
quote: "The cleanest design I've ever interacted with.",
|
||||
tag: "Design",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-posing-standing-white-wall_176420-16847.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-tablet-phone-perspective-side_187299-37922.jpg?_wi=2",
|
||||
imageAlt: "professional headshot dark background",
|
||||
},
|
||||
id: "t1", name: "Alex Rivet", date: "Oct 2023", title: "Designer", quote: "The cleanest design I've ever interacted with.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-posing-standing-white-wall_176420-16847.jpg", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-tablet-phone-perspective-side_187299-37922.jpg", imageAlt: "professional headshot dark background"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan P",
|
||||
date: "Nov 2023",
|
||||
title: "Engineer",
|
||||
quote: "Functionality that finally matches aesthetic form.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-developing-photos_23-2149893914.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17366.jpg?_wi=2",
|
||||
imageAlt: "professional headshot dark background",
|
||||
},
|
||||
id: "t2", name: "Jordan P", date: "Nov 2023", title: "Engineer", quote: "Functionality that finally matches aesthetic form.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-developing-photos_23-2149893914.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17366.jpg", imageAlt: "professional headshot dark background"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah K",
|
||||
date: "Dec 2023",
|
||||
title: "Founder",
|
||||
quote: "Lumina transformed my daily workflow entirely.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167825.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg?_wi=2",
|
||||
imageAlt: "professional headshot dark background",
|
||||
},
|
||||
id: "t3", name: "Sarah K", date: "Dec 2023", title: "Founder", quote: "Lumina transformed my daily workflow entirely.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167825.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-laptop-while-sitting-couch_7502-9116.jpg", imageAlt: "professional headshot dark background"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark D",
|
||||
date: "Jan 2024",
|
||||
title: "Creative Lead",
|
||||
quote: "Minimalist genius at every touchpoint.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67192.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-liquid-wavy-background-3d-illustration-abstract-iridescent-fluid-render-neon-holographic-smooth-surface-with-colorful-interference-stylish-spectrum-flow-motion_1217-2505.jpg?_wi=2",
|
||||
imageAlt: "professional headshot dark background",
|
||||
},
|
||||
id: "t4", name: "Mark D", date: "Jan 2024", title: "Creative Lead", quote: "Minimalist genius at every touchpoint.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67192.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-liquid-wavy-background-3d-illustration-abstract-iridescent-fluid-render-neon-holographic-smooth-surface-with-colorful-interference-stylish-spectrum-flow-motion_1217-2505.jpg", imageAlt: "professional headshot dark background"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena V",
|
||||
date: "Feb 2024",
|
||||
title: "Architect",
|
||||
quote: "Finally, a product as precise as architecture.",
|
||||
tag: "Architecture",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-sunglasses-paper-name-tag_23-2148036873.jpg?_wi=2",
|
||||
imageAlt: "professional headshot dark background",
|
||||
},
|
||||
id: "t5", name: "Elena V", date: "Feb 2024", title: "Architect", quote: "Finally, a product as precise as architecture.", tag: "Architecture", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tablet-near-smartphone-sunglasses-paper-name-tag_23-2148036873.jpg", imageAlt: "professional headshot dark background"},
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Experience the standards that industry leaders rely on every single day."
|
||||
@@ -286,20 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping times?",
|
||||
content: "We ship globally within 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "Shipping times?", content: "We ship globally within 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Warranty coverage?",
|
||||
content: "Every device is covered by our comprehensive 2-year warranty.",
|
||||
},
|
||||
id: "f2", title: "Warranty coverage?", content: "Every device is covered by our comprehensive 2-year warranty."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Compatibility?",
|
||||
content: "Works seamlessly with all modern OS platforms.",
|
||||
},
|
||||
id: "f3", title: "Compatibility?", content: "Works seamlessly with all modern OS platforms."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about your new Lumina device."
|
||||
@@ -311,14 +191,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to experience precision? Get in touch with our design concierge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -328,42 +205,27 @@ export default function LandingPage() {
|
||||
logoText="Lumina"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accessories", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
label: "Our Story", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
label: "Press", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user