Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
371
src/app/page.tsx
371
src/app/page.tsx
@@ -26,279 +26,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Kynetik Creations"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "Process", id: "#how-it-works" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
]}
|
||||
brandName="Kynetik Creations"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built Different. Carry Better."
|
||||
description="Premium, custom engraved aluminum containers designed for the modern individual."
|
||||
buttons={[
|
||||
{
|
||||
text: "Design Yours Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tin-can-with-food-plate_23-2148785194.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ creators"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Built Different. Carry Better."
|
||||
description="Premium, custom engraved aluminum containers designed for the modern individual."
|
||||
buttons={[{ text: "Design Yours Now", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tin-can-with-food-plate_23-2148785194.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ creators"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Kynetik Flask",
|
||||
price: "$75",
|
||||
variant: "Matte Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Case",
|
||||
price: "$45",
|
||||
variant: "Satin Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pro Accessory Kit",
|
||||
price: "$120",
|
||||
variant: "Custom Engraved",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Everyday Carry Flask",
|
||||
price: "$65",
|
||||
variant: "Space Gray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Elite Container",
|
||||
price: "$90",
|
||||
variant: "Gunmetal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Standard Slim Flask",
|
||||
price: "$55",
|
||||
variant: "Matte Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Premium Collection"
|
||||
description="Crafted from aerospace-grade aluminum and laser-engraved for life."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "The Kynetik Flask", price: "$75", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg" },
|
||||
{ id: "p2", name: "Signature Case", price: "$45", variant: "Satin Silver", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg" },
|
||||
{ id: "p3", name: "Pro Accessory Kit", price: "$120", variant: "Custom Engraved", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg" },
|
||||
{ id: "p4", name: "Everyday Carry Flask", price: "$65", variant: "Space Gray", imageSrc: "http://img.b2bpic.net/free-photo/levitating-cosmetic-cream-display_23-2149817643.jpg" },
|
||||
{ id: "p5", name: "Elite Container", price: "$90", variant: "Gunmetal", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tin-can-with-food-kitchen-towel_23-2148785215.jpg" },
|
||||
{ id: "p6", name: "Standard Slim Flask", price: "$55", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg" },
|
||||
]}
|
||||
title="Premium Collection"
|
||||
description="Crafted from aerospace-grade aluminum and laser-engraved for life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Step 01",
|
||||
title: "Choose Design",
|
||||
items: [
|
||||
"Select your core style",
|
||||
"Choose your metal finish",
|
||||
"Review material durability",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Step 02",
|
||||
title: "Customize",
|
||||
items: [
|
||||
"Add your custom text",
|
||||
"Upload your personal logo",
|
||||
"Select placement option",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Step 03",
|
||||
title: "Delivered",
|
||||
items: [
|
||||
"Laser engraving precision",
|
||||
"Quality check finished",
|
||||
"Ship to your door",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Crafted Your Way"
|
||||
description="Three simple steps to build your custom carry piece."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", label: "Step 01", title: "Choose Design", items: ["Select your core style", "Choose your metal finish", "Review material durability"] },
|
||||
{ id: "s2", label: "Step 02", title: "Customize", items: ["Add your custom text", "Upload your personal logo", "Select placement option"] },
|
||||
{ id: "s3", label: "Step 03", title: "Delivered", items: ["Laser engraving precision", "Quality check finished", "Ship to your door"] },
|
||||
]}
|
||||
title="Crafted Your Way"
|
||||
description="Three simple steps to build your custom carry piece."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for your Lifestyle"
|
||||
description="Whether you are crushing a gym session, commuting in a luxury vehicle, or focused at the desk, Kynetik is your companion."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Aerospace Aluminum",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Durability Focused",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="lifestyle" data-section="lifestyle">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for your Lifestyle"
|
||||
description="Whether you are crushing a gym session, commuting in a luxury vehicle, or focused at the desk, Kynetik is your companion."
|
||||
metrics={[{ value: "100%", title: "Aerospace Aluminum" }, { value: "24/7", title: "Durability Focused" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-128388.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Essential Gear",
|
||||
quote: "The quality is simply unmatched.",
|
||||
name: "Alex River",
|
||||
role: "Software Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top Tier",
|
||||
quote: "Perfect for my daily setup.",
|
||||
name: "Mark Stevens",
|
||||
role: "Product Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Rugged Style",
|
||||
quote: "I use it everywhere I go.",
|
||||
name: "David Thorne",
|
||||
role: "Fitness Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Sleek Customization",
|
||||
quote: "The engraving looks professional.",
|
||||
name: "Leo Cruz",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Everyday Essential",
|
||||
quote: "Simply the best carry container.",
|
||||
name: "Sam Miller",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg",
|
||||
},
|
||||
]}
|
||||
title="Join the Community"
|
||||
description="See why professionals trust their everyday carry to Kynetik."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Essential Gear", quote: "The quality is simply unmatched.", name: "Alex River", role: "Software Engineer", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-listening-music-wireless-earphones_1303-20580.jpg" },
|
||||
{ id: "t2", title: "Top Tier", quote: "Perfect for my daily setup.", name: "Mark Stevens", role: "Product Manager", imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-bed_171337-18907.jpg" },
|
||||
{ id: "t3", title: "Rugged Style", quote: "I use it everywhere I go.", name: "David Thorne", role: "Fitness Coach", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-with-stylish-haircut-beard-sits-table-roadside-cafe_613910-19605.jpg" },
|
||||
{ id: "t4", title: "Sleek Customization", quote: "The engraving looks professional.", name: "Leo Cruz", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6597.jpg" },
|
||||
{ id: "t5", title: "Everyday Essential", quote: "Simply the best carry container.", name: "Sam Miller", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg" },
|
||||
]}
|
||||
title="Join the Community"
|
||||
description="See why professionals trust their everyday carry to Kynetik."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Join Now"
|
||||
title="Ready to Start?"
|
||||
description="Sign up for early access to our limited runs and exclusive customization options."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join Now"
|
||||
title="Ready to Start?"
|
||||
description="Sign up for early access to our limited runs and exclusive customization options."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096570.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kynetik Creations"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Containers",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Kynetik Creations"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Containers", href: "#products" }, { label: "Accessories", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user