Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -33,27 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "#showcase",
|
||||
},
|
||||
name: "Showcase", id: "showcase"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="LUX"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -65,38 +55,24 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Services", href: "#features"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greyscale-shot-beautiful-brutalist-architectural-structure_181624-5104.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/greyscale-shot-beautiful-brutalist-architectural-structure_181624-5104.jpg"
|
||||
imageAlt="minimalist abstract geometric background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-looking-through-window_1262-2043.jpg",
|
||||
alt: "Thoughtful Businesswoman Looking Through Window",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-businesswoman-looking-through-window_1262-2043.jpg", alt: "Thoughtful Businesswoman Looking Through Window"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1352.jpg",
|
||||
alt: "Expressive senior female posing indoor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1352.jpg", alt: "Expressive senior female posing indoor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg",
|
||||
alt: "Young woman standing inside the office center",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-standing-inside-office-center_1303-22415.jpg", alt: "Young woman standing inside the office center"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
alt: "Portrait of fashionable well dressed man with beard posing outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", alt: "Portrait of fashionable well dressed man with beard posing outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
alt: "Closeup of Content Pretty Businesswoman in Glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Closeup of Content Pretty Businesswoman in Glasses"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ leaders"
|
||||
/>
|
||||
@@ -107,18 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Precision-crafted digital solutions for ",
|
||||
},
|
||||
type: "text", content: "Precision-crafted digital solutions for "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg",
|
||||
alt: "modern minimalist startup office",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg", alt: "modern minimalist startup office"},
|
||||
{
|
||||
type: "text",
|
||||
content: " those who lead.",
|
||||
},
|
||||
type: "text", content: " those who lead."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,59 +98,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Integration",
|
||||
description: "Connect your ecosystem with unparalleled speed.",
|
||||
icon: Zap,
|
||||
title: "Seamless Integration", description: "Connect your ecosystem with unparalleled speed.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg",
|
||||
imageAlt: "modern ui design interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-with-blank-screen-gray-background_9975-133666.jpg", imageAlt: "modern ui design interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874940.jpg",
|
||||
imageAlt: "modern ui design interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874940.jpg", imageAlt: "modern ui design interface"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/greyscale-shot-beautiful-brutalist-architectural-structure_181624-5104.jpg?_wi=2",
|
||||
imageAlt: "modern ui design interface",
|
||||
},
|
||||
{
|
||||
title: "Intelligent Data",
|
||||
description: "Actionable insights delivered in real-time.",
|
||||
icon: BarChart2,
|
||||
title: "Intelligent Data", description: "Actionable insights delivered in real-time.", icon: BarChart2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-with-flowing-abstract-particle-design_1048-13801.jpg",
|
||||
imageAlt: "abstract data visualization nodes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-with-flowing-abstract-particle-design_1048-13801.jpg", imageAlt: "abstract data visualization nodes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg",
|
||||
imageAlt: "abstract data visualization nodes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white-background_23-2150913805.jpg", imageAlt: "abstract data visualization nodes"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853567.jpg",
|
||||
imageAlt: "modern ui design interface",
|
||||
},
|
||||
{
|
||||
title: "Product Excellence",
|
||||
description: "Beautifully crafted hardware that speaks for itself.",
|
||||
icon: Database,
|
||||
title: "Product Excellence", description: "Beautifully crafted hardware that speaks for itself.", icon: Database,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-butter-recipient_23-2148543013.jpg?_wi=1",
|
||||
imageAlt: "minimalist mobile mockup mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-butter-recipient_23-2148543013.jpg", imageAlt: "minimalist mobile mockup mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-backdrop-cinematic-smoke-realistic-design_53876-146678.jpg",
|
||||
imageAlt: "minimalist mobile mockup mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/product-backdrop-cinematic-smoke-realistic-design_53876-146678.jpg", imageAlt: "minimalist mobile mockup mockup"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soap-twig-near-cups_23-2147809272.jpg?_wi=1",
|
||||
imageAlt: "modern ui design interface",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Performance"
|
||||
description="Experience superior technology designed to scale with your ambition."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -193,47 +139,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nova Hub",
|
||||
price: "$999",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-butter-recipient_23-2148543013.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Nova Hub", price: "$999", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-body-butter-recipient_23-2148543013.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Eon Pad",
|
||||
price: "$499",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soap-twig-near-cups_23-2147809272.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Eon Pad", price: "$499", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/soap-twig-near-cups_23-2147809272.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Titan Link",
|
||||
price: "$149",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074259.jpg",
|
||||
},
|
||||
id: "p3", name: "Titan Link", price: "$149", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074259.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Flux Sensor",
|
||||
price: "$89",
|
||||
variant: "Basic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-peeler_116348-9.jpg",
|
||||
},
|
||||
id: "p4", name: "Flux Sensor", price: "$89", variant: "Basic", imageSrc: "http://img.b2bpic.net/free-photo/closeup-peeler_116348-9.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Zen Audio",
|
||||
price: "$299",
|
||||
variant: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-with-red-light-still-life_23-2149417035.jpg",
|
||||
},
|
||||
id: "p5", name: "Zen Audio", price: "$299", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-with-red-light-still-life_23-2149417035.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pulse Node",
|
||||
price: "$59",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop_23-2148166715.jpg",
|
||||
},
|
||||
id: "p6", name: "Pulse Node", price: "$59", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop_23-2148166715.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Browse our collection of innovative products."
|
||||
@@ -246,53 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Game Changer",
|
||||
quote: "The most sophisticated digital experience I have ever encountered.",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg",
|
||||
},
|
||||
id: "1", title: "Game Changer", quote: "The most sophisticated digital experience I have ever encountered.", name: "Sarah Johnson", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-leaning-wall_23-2148401390.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Seamless",
|
||||
quote: "Effortless performance, incredible aesthetics. Truly top tier.",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-muscular-young-man-posing_158595-3045.jpg",
|
||||
},
|
||||
id: "2", title: "Seamless", quote: "Effortless performance, incredible aesthetics. Truly top tier.", name: "Michael Chen", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/handsome-muscular-young-man-posing_158595-3045.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Exceptional",
|
||||
quote: "LUX changed the way we perceive software products.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Design Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-brown-suit-wearing-glasses-looking-smiling-cheerfully_141793-111775.jpg",
|
||||
},
|
||||
id: "3", title: "Exceptional", quote: "LUX changed the way we perceive software products.", name: "Emily Rodriguez", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-brown-suit-wearing-glasses-looking-smiling-cheerfully_141793-111775.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Inspiring",
|
||||
quote: "Finally, a brand that prioritizes quality above everything else.",
|
||||
name: "David Kim",
|
||||
role: "Product Mgr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
|
||||
},
|
||||
id: "4", title: "Inspiring", quote: "Finally, a brand that prioritizes quality above everything else.", name: "David Kim", role: "Product Mgr", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "World Class",
|
||||
quote: "Absolutely perfect from start to finish.",
|
||||
name: "Anna Smith",
|
||||
role: "VP Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-men-sitting-chair-with-white-t-shirt-sunglasses-street_1153-6668.jpg",
|
||||
},
|
||||
id: "5", title: "World Class", quote: "Absolutely perfect from start to finish.", name: "Anna Smith", role: "VP Tech", imageSrc: "http://img.b2bpic.net/free-photo/portrait-men-sitting-chair-with-white-t-shirt-sunglasses-street_1153-6668.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Innovative",
|
||||
quote: "The attention to detail is just insane.",
|
||||
name: "Mark Wilson",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021799.jpg",
|
||||
},
|
||||
id: "6", title: "Innovative", quote: "The attention to detail is just insane.", name: "Mark Wilson", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021799.jpg"},
|
||||
]}
|
||||
title="Voice of Leaders"
|
||||
description="What our partners have to say about the LUX experience."
|
||||
@@ -306,55 +186,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essentials",
|
||||
price: "$49",
|
||||
subtitle: "Perfect for individuals",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essentials", price: "$49", subtitle: "Perfect for individuals", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
"Support",
|
||||
],
|
||||
"Feature A", "Feature B", "Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Advanced",
|
||||
price: "$199",
|
||||
subtitle: "For growing startups",
|
||||
buttons: [
|
||||
id: "pro", badge: "Advanced", price: "$199", subtitle: "For growing startups", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"All Essentials",
|
||||
"Analytics",
|
||||
"Priority Access",
|
||||
],
|
||||
"All Essentials", "Analytics", "Priority Access"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Elite",
|
||||
price: "Custom",
|
||||
subtitle: "Unbounded potential",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Elite", price: "Custom", subtitle: "Unbounded potential", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Global Support",
|
||||
"Custom API",
|
||||
"Unlimited Scaling",
|
||||
],
|
||||
"Global Support", "Custom API", "Unlimited Scaling"],
|
||||
},
|
||||
]}
|
||||
title="Select Your Tier"
|
||||
@@ -369,20 +222,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "Global Deployments",
|
||||
},
|
||||
id: "m1", value: "100+", description: "Global Deployments"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Customer Success",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Customer Success"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guarantee",
|
||||
},
|
||||
id: "m3", value: "99.9%", description: "Uptime Guarantee"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -392,8 +236,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to get started?"
|
||||
description="Join the elite cohort of companies redefining the future of digital experiences."
|
||||
@@ -406,42 +249,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Showcase",
|
||||
href: "#showcase",
|
||||
},
|
||||
label: "Showcase", href: "#showcase"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user