Update src/app/page.tsx
This commit is contained in:
374
src/app/page.tsx
374
src/app/page.tsx
@@ -26,272 +26,128 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "How It Works",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Lifestyle",
|
||||
id: "#lifestyle",
|
||||
},
|
||||
]}
|
||||
brandName="Kynetik"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "How It Works", id: "#how-it-works" },
|
||||
{ name: "Lifestyle", id: "#lifestyle" }
|
||||
]}
|
||||
brandName="Kynetik"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Built Different. Carry Better."
|
||||
description="Premium aluminum gear designed for the modern individual who values durability, precision, and style. Every piece built to endure."
|
||||
tag="PREMIUM LIFESTYLE GEAR"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-71962.jpg",
|
||||
imageAlt: "Premium Aluminum Canister",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg",
|
||||
imageAlt: "Kynetik Lifestyle Handheld",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17754.jpg?_wi=1",
|
||||
imageAlt: "Gym Gear Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-lamp-workplace-night_169016-17380.jpg?_wi=1",
|
||||
imageAlt: "Modern Desk Setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-using-smart-watch_23-2147839305.jpg?_wi=1",
|
||||
imageAlt: "Urban Daily Carry",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 5,000+ creators"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Built Different. Carry Better."
|
||||
description="Premium aluminum gear designed for the modern individual who values durability, precision, and style. Every piece built to endure."
|
||||
tag="PREMIUM LIFESTYLE GEAR"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-smooth-brown-wall-background-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-71962.jpg", imageAlt: "Premium Aluminum Canister"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109772.jpg", imageAlt: "Kynetik Lifestyle Handheld"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 5,000+ creators"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Original Canister",
|
||||
price: "$85.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-textures-background_74190-620.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Accessory Box",
|
||||
price: "$65.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979660.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro Desktop Series",
|
||||
price: "$120.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closed-tin-cans-placed-marble_114579-38454.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Carry Case",
|
||||
price: "$95.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aluminum-jar-with-screw-top-lid_187299-47401.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Laser-Engraved Series",
|
||||
price: "$110.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-dice-with-cup_23-2150891448.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Lifestyle Bundle",
|
||||
price: "$295.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg",
|
||||
},
|
||||
]}
|
||||
title="Precision Crafted"
|
||||
description="Find your perfect carry. Each container is customizable for the perfect personalized touch."
|
||||
tag="THE COLLECTION"
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "The Original Canister", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-textures-background_74190-620.jpg" },
|
||||
{ id: "p2", name: "Minimalist Accessory Box", price: "$65.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-cube-shape_23-2150979660.jpg" },
|
||||
{ id: "p3", name: "Pro Desktop Series", price: "$120.00", imageSrc: "http://img.b2bpic.net/free-photo/closed-tin-cans-placed-marble_114579-38454.jpg" },
|
||||
{ id: "p4", name: "Signature Carry Case", price: "$95.00", imageSrc: "http://img.b2bpic.net/free-photo/silver-aluminum-jar-with-screw-top-lid_187299-47401.jpg" },
|
||||
{ id: "p5", name: "Laser-Engraved Series", price: "$110.00", imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-dice-with-cup_23-2150891448.jpg" },
|
||||
{ id: "p6", name: "Full Lifestyle Bundle", price: "$295.00", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg" }
|
||||
]}
|
||||
title="Precision Crafted"
|
||||
description="Find your perfect carry. Each container is customizable for the perfect personalized touch."
|
||||
tag="THE COLLECTION"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No cheap materials",
|
||||
"No corporate cookie-cutters",
|
||||
"No compromises on quality",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Choose your base design",
|
||||
"Select custom engraving",
|
||||
"Finalize and submit",
|
||||
],
|
||||
}}
|
||||
title="Design Yours"
|
||||
description="The process is simple. We build quality, you make it yours."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["No cheap materials", "No corporate cookie-cutters", "No compromises on quality"] }}
|
||||
positiveCard={{ items: ["Choose your base design", "Select custom engraving", "Finalize and submit"] }}
|
||||
title="Design Yours"
|
||||
description="The process is simple. We build quality, you make it yours."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Kynetik In The Wild"
|
||||
description="Where our gear fits into your world."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Life",
|
||||
title: "Gym Ready",
|
||||
excerpt: "Built for the most intense workouts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17754.jpg?_wi=2",
|
||||
authorName: "Team Kynetik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Travel",
|
||||
title: "Auto Ready",
|
||||
excerpt: "Fits perfectly for every commute.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21391.jpg",
|
||||
authorName: "Team Kynetik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-standing-against-colored-painted-wall_23-2148066779.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Office",
|
||||
title: "Desk Setup",
|
||||
excerpt: "The ultimate professional addition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-lamp-workplace-night_169016-17380.jpg?_wi=2",
|
||||
authorName: "Team Kynetik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-serious-modern-male-white-shirt-business-jacket-grey-background_613910-13370.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
{
|
||||
id: "b4",
|
||||
category: "Campus",
|
||||
title: "Student Carry",
|
||||
excerpt: "Study better, carry better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-book_114579-20025.jpg",
|
||||
authorName: "Team Kynetik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
{
|
||||
id: "b5",
|
||||
category: "Urban",
|
||||
title: "City Life",
|
||||
excerpt: "Durable gear for the daily grind.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/athlete-using-smart-watch_23-2147839305.jpg?_wi=2",
|
||||
authorName: "Team Kynetik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2147787726.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
{
|
||||
id: "b6",
|
||||
category: "Wild",
|
||||
title: "Adventure Ready",
|
||||
excerpt: "Ready for your next trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-hardened-lake-montanegro_501050-676.jpg",
|
||||
authorName: "Team Kynetik",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
||||
date: "Jan 2024",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Kynetik In The Wild"
|
||||
description="Where our gear fits into your world."
|
||||
blogs={[
|
||||
{ id: "b1", category: "Life", title: "Gym Ready", excerpt: "Built for the most intense workouts.", imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17754.jpg", authorName: "Team Kynetik", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg", date: "Jan 2024" },
|
||||
{ id: "b2", category: "Travel", title: "Auto Ready", excerpt: "Fits perfectly for every commute.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-driving-red-suv-countryside-face-reflection_169016-21391.jpg", authorName: "Team Kynetik", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-standing-against-colored-painted-wall_23-2148066779.jpg", date: "Jan 2024" },
|
||||
{ id: "b3", category: "Office", title: "Desk Setup", excerpt: "The ultimate professional addition.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-notepad-lamp-workplace-night_169016-17380.jpg", authorName: "Team Kynetik", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-serious-modern-male-white-shirt-business-jacket-grey-background_613910-13370.jpg", date: "Jan 2024" },
|
||||
{ id: "b4", category: "Campus", title: "Student Carry", excerpt: "Study better, carry better.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-book_114579-20025.jpg", authorName: "Team Kynetik", authorAvatar: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg", date: "Jan 2024" },
|
||||
{ id: "b5", category: "Urban", title: "City Life", excerpt: "Durable gear for the daily grind.", imageSrc: "http://img.b2bpic.net/free-photo/athlete-using-smart-watch_23-2147839305.jpg", authorName: "Team Kynetik", authorAvatar: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2147787726.jpg", date: "Jan 2024" },
|
||||
{ id: "b6", category: "Wild", title: "Adventure Ready", excerpt: "Ready for your next trip.", imageSrc: "http://img.b2bpic.net/free-photo/young-sports-man-hardened-lake-montanegro_501050-676.jpg", authorName: "Team Kynetik", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg", date: "Jan 2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="I've tried plenty of everyday carry canisters, but the Kynetik build quality is unmatched. The engraving is sharp, the finish is robust, and it looks perfect on my desk."
|
||||
rating={5}
|
||||
author="Marcus R., Professional Engineer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg",
|
||||
alt: "Marcus R",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-standing-against-colored-painted-wall_23-2148066779.jpg",
|
||||
alt: "John D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-modern-male-white-shirt-business-jacket-grey-background_613910-13370.jpg",
|
||||
alt: "Alex K",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg",
|
||||
alt: "Sam L",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2147787726.jpg",
|
||||
alt: "Daniel M",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="I've tried plenty of everyday carry canisters, but the Kynetik build quality is unmatched. The engraving is sharp, the finish is robust, and it looks perfect on my desk."
|
||||
rating={5}
|
||||
author="Marcus R., Professional Engineer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-12487.jpg", alt: "Marcus R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-standing-against-colored-painted-wall_23-2148066779.jpg", alt: "John D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-serious-modern-male-white-shirt-business-jacket-grey-background_613910-13370.jpg", alt: "Alex K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/transgender-wearing-cool-jacket-medium-shot_23-2149105398.jpg", alt: "Sam L" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2147787726.jpg", alt: "Daniel M" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid",
|
||||
}}
|
||||
tag="GET STARTED"
|
||||
title="Design Yours Now"
|
||||
description="Ready to own your gear? Start your custom order today and elevate your daily carry."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-developing-photos-high-angle_23-2149893998.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email for early access"
|
||||
buttonText="Start Designing"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
tag="GET STARTED"
|
||||
title="Design Yours Now"
|
||||
description="Ready to own your gear? Start your custom order today and elevate your daily carry."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-developing-photos-high-angle_23-2149893998.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email for early access"
|
||||
buttonText="Start Designing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kynetik Creations"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Kynetik Creations"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user