Merge version_2 into main #1
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,35 +32,24 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OmniPro"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Future-Ready Tech, Redefined."
|
||||
description="Experience our curated collection of elite multi-product solutions designed to elevate your workflow and lifestyle with unparalleled precision."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunset-beach-tablet_23-2151947346.jpg"
|
||||
@@ -68,48 +57,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
alt: "Close-up of businessman with tie",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg", alt: "Close-up of businessman with tie"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Closeup of Smiling Beautiful Adult Businesswoman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Closeup of Smiling Beautiful Adult Businesswoman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "Portrait of grey-haired businessman standing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Portrait of grey-haired businessman standing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Smiling businessman standing in the airport terminal",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Smiling businessman standing in the airport terminal"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
alt: "Portrait of beautiful woman posing with a blue jacket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg", alt: "Portrait of beautiful woman posing with a blue jacket"},
|
||||
]}
|
||||
avatarText="Trusted by 15,000+ professionals worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Fast Sync",
|
||||
},
|
||||
type: "text", text: "Ultra-Fast Sync"},
|
||||
{
|
||||
type: "text",
|
||||
text: "End-to-End Encryption",
|
||||
},
|
||||
type: "text", text: "End-to-End Encryption"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Analytics",
|
||||
},
|
||||
type: "text", text: "Real-time Analytics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global 24/7 Support",
|
||||
},
|
||||
type: "text", text: "Global 24/7 Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Integration",
|
||||
},
|
||||
type: "text", text: "Seamless Integration"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,17 +90,11 @@ export default function LandingPage() {
|
||||
description="We specialize in crafting products that blend seamlessly into your digital ecosystem, ensuring high-performance results every single time."
|
||||
metrics={[
|
||||
{
|
||||
value: "15K+",
|
||||
title: "Happy Users",
|
||||
},
|
||||
value: "15K+", title: "Happy Users"},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Uptime Rate",
|
||||
},
|
||||
value: "99.9%", title: "Uptime Rate"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Awards Won",
|
||||
},
|
||||
value: "50+", title: "Awards Won"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/interior-female-workspace-home_23-2147778843.jpg"
|
||||
imageAlt="luxury office interior dark aesthetic"
|
||||
@@ -147,26 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Seamless Sync",
|
||||
subtitle: "Instant data across all devices",
|
||||
category: "Cloud",
|
||||
value: "24/7",
|
||||
},
|
||||
id: "f1", title: "Seamless Sync", subtitle: "Instant data across all devices", category: "Cloud", value: "24/7"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Advanced Security",
|
||||
subtitle: "End-to-end encryption built-in",
|
||||
category: "Security",
|
||||
value: "AES-256",
|
||||
},
|
||||
id: "f2", title: "Advanced Security", subtitle: "End-to-end encryption built-in", category: "Security", value: "AES-256"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Smart Analytics",
|
||||
subtitle: "Actionable insights for you",
|
||||
category: "Data",
|
||||
value: "Real-time",
|
||||
},
|
||||
id: "f3", title: "Smart Analytics", subtitle: "Actionable insights for you", category: "Data", value: "Real-time"},
|
||||
]}
|
||||
title="Unmatched Performance"
|
||||
description="Built for scale, speed, and simplicity."
|
||||
@@ -179,43 +127,24 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Catalog", href: "#catalog"
|
||||
}
|
||||
]}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Device Pro",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736770.jpg",
|
||||
},
|
||||
id: "p1", name: "Smart Device Pro", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/view-robotic-vacuum-cleaner-flat-surface_23-2151736770.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wearable Elite",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-submerged_23-2148109745.jpg",
|
||||
},
|
||||
id: "p2", name: "Wearable Elite", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-submerged_23-2148109745.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Audio Master",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg",
|
||||
},
|
||||
id: "p3", name: "Audio Master", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Creative Pad",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994339.jpg",
|
||||
},
|
||||
id: "p4", name: "Creative Pad", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994339.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Keyboard X1",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-with-neon-lights-still-life_23-2149829151.jpg",
|
||||
},
|
||||
id: "p5", name: "Keyboard X1", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-with-neon-lights-still-life_23-2149829151.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mobile Ultra",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-her-make-up-session_23-2148538967.jpg",
|
||||
},
|
||||
id: "p6", name: "Mobile Ultra", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/blogger-recording-her-make-up-session_23-2148538967.jpg"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Our handpicked selection of top-tier hardware."
|
||||
@@ -229,31 +158,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120%",
|
||||
title: "Growth",
|
||||
items: [
|
||||
"Faster compute",
|
||||
"Enhanced capacity",
|
||||
],
|
||||
id: "m1", value: "120%", title: "Growth", items: [
|
||||
"Faster compute", "Enhanced capacity"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
title: "Efficiency",
|
||||
items: [
|
||||
"Streamlined flow",
|
||||
"Less latency",
|
||||
],
|
||||
id: "m2", value: "85%", title: "Efficiency", items: [
|
||||
"Streamlined flow", "Less latency"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Retention",
|
||||
items: [
|
||||
"Loyal users",
|
||||
"Longer engagement",
|
||||
],
|
||||
id: "m3", value: "98%", title: "Retention", items: [
|
||||
"Loyal users", "Longer engagement"],
|
||||
},
|
||||
]}
|
||||
title="Growth Data"
|
||||
@@ -267,45 +181,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Quality",
|
||||
quote: "The best tech I've ever bought.",
|
||||
name: "Alice Wang",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
id: "t1", title: "Incredible Quality", quote: "The best tech I've ever bought.", name: "Alice Wang", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Stunning Design",
|
||||
quote: "Beautifully crafted and fast.",
|
||||
name: "Bob Smith",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2642.jpg",
|
||||
},
|
||||
id: "t2", title: "Stunning Design", quote: "Beautifully crafted and fast.", name: "Bob Smith", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2642.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Game Changer",
|
||||
quote: "Transformed my daily routine.",
|
||||
name: "Charlie Day",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
id: "t3", title: "Game Changer", quote: "Transformed my daily routine.", name: "Charlie Day", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Top Tier Support",
|
||||
quote: "Responsive and helpful team.",
|
||||
name: "Dana White",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12174.jpg",
|
||||
},
|
||||
id: "t4", title: "Top Tier Support", quote: "Responsive and helpful team.", name: "Dana White", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-eyeglasses-with-tattoo-his-arm-sits-chair-using-tablet-pc_613910-12174.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Must Have Tool",
|
||||
quote: "Simply indispensable.",
|
||||
name: "Eve Jones",
|
||||
role: "PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-man-white-shirt-standing-with-arms-folded-looking-away-dark-gray-copy-space_171337-451.jpg",
|
||||
},
|
||||
id: "t5", title: "Must Have Tool", quote: "Simply indispensable.", name: "Eve Jones", role: "PM", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-man-white-shirt-standing-with-arms-folded-looking-away-dark-gray-copy-space_171337-451.jpg"},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Hear what our partners have to say."
|
||||
@@ -318,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Shipping Info",
|
||||
content: "We ship globally within 3 business days.",
|
||||
},
|
||||
id: "q1", title: "Shipping Info", content: "We ship globally within 3 business days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Return Policy",
|
||||
content: "30-day money-back guarantee on all items.",
|
||||
},
|
||||
id: "q2", title: "Return Policy", content: "30-day money-back guarantee on all items."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Support Hours",
|
||||
content: "24/7 technical support available.",
|
||||
},
|
||||
id: "q3", title: "Support Hours", content: "24/7 technical support available."},
|
||||
]}
|
||||
title="Answers for You"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -346,8 +221,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Get In Touch"
|
||||
title="Stay Updated"
|
||||
description="Sign up for exclusive offers and tech insights."
|
||||
@@ -359,42 +233,27 @@ export default function LandingPage() {
|
||||
logoText="OmniPro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Team", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "New In",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New In", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Best Sellers", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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