Merge version_1 into main #1
187
src/app/page.tsx
187
src/app/page.tsx
@@ -30,31 +30,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "/products",
|
||||
},
|
||||
name: "Products", id: "/products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
]}
|
||||
brandName="FLAXR"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
}}
|
||||
text: "Shop Now", href: "/shop"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -62,42 +50,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Engineered for Focus. Designed for Control."
|
||||
description="Experience unparalleled precision and a minimalist aesthetic that empowers your every command. FLAXR keyboards are crafted for elite performance and lasting legacy."
|
||||
tag="FLAXR"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "/products",
|
||||
},
|
||||
text: "Explore Products", href: "/products"},
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg",
|
||||
imageAlt: "FLAXR ONE 60 keyboard, left view",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-synthesizer-black-background-flat-lay_169016-20983.jpg", imageAlt: "FLAXR ONE 60 keyboard, left view"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-manager-writing-diagrams-data-computer-creating-official-marketing-report-e-commerce-development-young-employee-planning-financial-project-with-statistics-night-close-up_482257-65001.jpg",
|
||||
imageAlt: "FLAXR ONE 60 keyboard, right view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-computer_23-2148110267.jpg",
|
||||
imageAlt: "Minimalist desk setup with keyboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workspace-with-office-supplies_140725-23281.jpg",
|
||||
imageAlt: "Home office keyboard setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-with-computer-mobile-phone_1252-824.jpg",
|
||||
imageAlt: "Night-time keyboard setup for productivity",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-manager-writing-diagrams-data-computer-creating-official-marketing-report-e-commerce-development-young-employee-planning-financial-project-with-statistics-night-close-up_482257-65001.jpg", imageAlt: "FLAXR ONE 60 keyboard, right view"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -113,24 +82,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Gauge,
|
||||
title: "Ultimate Responsiveness",
|
||||
description: "Unrivaled speed and accuracy with ultra-low latency switches for critical in-game actions.",
|
||||
},
|
||||
title: "Ultimate Responsiveness", description: "Unrivaled speed and accuracy with ultra-low latency switches for critical in-game actions."},
|
||||
{
|
||||
icon: Cog,
|
||||
title: "Limitless Customization",
|
||||
description: "Hot-swappable switches and remappable keys allow for a personalized typing and gaming experience.",
|
||||
},
|
||||
title: "Limitless Customization", description: "Hot-swappable switches and remappable keys allow for a personalized typing and gaming experience."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Enduring Durability",
|
||||
description: "Aircraft-grade aluminum body and PBT keycaps engineered for years of intense use.",
|
||||
},
|
||||
title: "Enduring Durability", description: "Aircraft-grade aluminum body and PBT keycaps engineered for years of intense use."},
|
||||
{
|
||||
icon: Type,
|
||||
title: "Superior Typing Feel",
|
||||
description: "Ergonomic design and premium keycaps ensure comfort and reduce fatigue during long sessions.",
|
||||
},
|
||||
title: "Superior Typing Feel", description: "Ergonomic design and premium keycaps ensure comfort and reduce fatigue during long sessions."},
|
||||
]}
|
||||
title="Engineered for Performance. Built for Life."
|
||||
description="Discover the core technologies that set FLAXR apart. Precision-crafted for those who demand excellence."
|
||||
@@ -146,51 +107,22 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
name: "FLAXR ONE 60 - Full View",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924154.jpg",
|
||||
imageAlt: "FLAXR ONE 60 keyboard full view",
|
||||
},
|
||||
id: "prod-1", name: "FLAXR ONE 60 - Full View", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924154.jpg", imageAlt: "FLAXR ONE 60 keyboard full view"},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "FLAXR ONE 60 - Side Profile",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keys-with-arrows-copy-space_23-2148456136.jpg",
|
||||
imageAlt: "FLAXR ONE 60 keyboard side profile",
|
||||
},
|
||||
id: "prod-2", name: "FLAXR ONE 60 - Side Profile", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/keys-with-arrows-copy-space_23-2148456136.jpg", imageAlt: "FLAXR ONE 60 keyboard side profile"},
|
||||
{
|
||||
id: "prod-3",
|
||||
name: "FLAXR ONE 60 - PBT Keycaps",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-aluminum-keyboard-close-up-technology-communication_482257-45033.jpg",
|
||||
imageAlt: "Close-up of FLAXR ONE 60 PBT keycaps",
|
||||
},
|
||||
id: "prod-3", name: "FLAXR ONE 60 - PBT Keycaps", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/white-aluminum-keyboard-close-up-technology-communication_482257-45033.jpg", imageAlt: "Close-up of FLAXR ONE 60 PBT keycaps"},
|
||||
{
|
||||
id: "prod-4",
|
||||
name: "FLAXR ONE 60 - Hot-Swap Switch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-key_23-2149680270.jpg",
|
||||
imageAlt: "Close-up of FLAXR ONE 60 hot-swappable switch",
|
||||
},
|
||||
id: "prod-4", name: "FLAXR ONE 60 - Hot-Swap Switch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-key_23-2149680270.jpg", imageAlt: "Close-up of FLAXR ONE 60 hot-swappable switch"},
|
||||
{
|
||||
id: "prod-5",
|
||||
name: "FLAXR ONE 60 - Orange Backlight",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg",
|
||||
imageAlt: "FLAXR ONE 60 keyboard with orange backlight",
|
||||
},
|
||||
id: "prod-5", name: "FLAXR ONE 60 - Orange Backlight", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/top-view-blue-keyboard-with-lights_23-2149680230.jpg", imageAlt: "FLAXR ONE 60 keyboard with orange backlight"},
|
||||
{
|
||||
id: "prod-6",
|
||||
name: "FLAXR ONE 60 - Minimalist Setup",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg",
|
||||
imageAlt: "FLAXR ONE 60 keyboard in a minimalist desk setup",
|
||||
},
|
||||
id: "prod-6", name: "FLAXR ONE 60 - Minimalist Setup", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg", imageAlt: "FLAXR ONE 60 keyboard in a minimalist desk setup"}
|
||||
]}
|
||||
title="FLAXR ONE 60: The Ultimate Control"
|
||||
description="Experience unparalleled precision and customization with our flagship 60% mechanical keyboard, featuring a premium aluminum body, hot-swappable switches, PBT keycaps, and USB-C connectivity."
|
||||
tag="Featured Product"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -201,17 +133,11 @@ export default function LandingPage() {
|
||||
description="At FLAXR, we believe in the relentless pursuit of perfection. Every keyboard is a testament to our dedication to innovation, quality, and the ultimate user experience. Crafted by enthusiasts, for enthusiasts, our journey is defined by engineering excellence and a passion for control."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years of Innovation",
|
||||
},
|
||||
value: "10+", title: "Years of Innovation"},
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Happy Users",
|
||||
},
|
||||
value: "1M+", title: "Happy Users"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Design Awards",
|
||||
},
|
||||
value: "50+", title: "Design Awards"},
|
||||
]}
|
||||
tag="About FLAXR"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-24417.jpg"
|
||||
@@ -224,8 +150,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Connected"
|
||||
title="Join the FLAXR Community"
|
||||
description="Be the first to know about new product launches, exclusive offers, and behind-the-scenes content."
|
||||
@@ -239,67 +164,41 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "FLAXR ONE 60",
|
||||
href: "/products#one-60",
|
||||
},
|
||||
label: "FLAXR ONE 60", href: "/products#one-60"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "/products#accessories",
|
||||
},
|
||||
label: "Accessories", href: "/products#accessories"},
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Shop All", href: "/shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/faq",
|
||||
},
|
||||
label: "FAQ", href: "/faq"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -310,4 +209,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user