Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 64d362af75 |
212
src/app/page.tsx
212
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#best-sellers",
|
||||
},
|
||||
name: "Shop", id: "#best-sellers"},
|
||||
{
|
||||
name: "Custom",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Custom", id: "#features"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
]}
|
||||
brandName="KeyStudio"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Premium, custom-engraved accessories that match your lifestyle. From your car keys to your aesthetic, carry personality everywhere."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#best-sellers",
|
||||
},
|
||||
text: "Shop Now", href: "#best-sellers"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/viking-warrior-with-curly-hair-wearing-hammer-necklace_181624-6931.jpg",
|
||||
imageAlt: "Custom keychain lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/viking-warrior-with-curly-hair-wearing-hammer-necklace_181624-6931.jpg", imageAlt: "Custom keychain lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-making-face-mask-pink-wall_140725-146620.jpg",
|
||||
imageAlt: "Custom keychain lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-making-face-mask-pink-wall_140725-146620.jpg", imageAlt: "Custom keychain lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-travel-objects_23-2147635435.jpg",
|
||||
imageAlt: "Custom keychain lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-travel-objects_23-2147635435.jpg", imageAlt: "Custom keychain lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934356.jpg",
|
||||
imageAlt: "Custom keychain lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934356.jpg", imageAlt: "Custom keychain lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-rimmel-dark-blackboard_23-2148210801.jpg",
|
||||
imageAlt: "Custom keychain lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-rimmel-dark-blackboard_23-2148210801.jpg", imageAlt: "Custom keychain lifestyle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-lips-tear-paper_23-2147680156.jpg",
|
||||
imageAlt: "Custom keychain lifestyle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-lips-tear-paper_23-2147680156.jpg", imageAlt: "Custom keychain lifestyle"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,29 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Engraving",
|
||||
descriptions: [
|
||||
"High-quality laser engraving that never fades.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-key-still-life_23-2151011260.jpg",
|
||||
},
|
||||
id: "f1", title: "Precision Engraving", descriptions: [
|
||||
"High-quality laser engraving that never fades."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-key-still-life_23-2151011260.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Couple Goals",
|
||||
descriptions: [
|
||||
"Perfect matching keychains for your favorite person.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246336.jpg",
|
||||
},
|
||||
id: "f2", title: "Couple Goals", descriptions: [
|
||||
"Perfect matching keychains for your favorite person."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246336.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "LED Glow Tech",
|
||||
descriptions: [
|
||||
"Light up your keys with our premium LED acrylic designs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg",
|
||||
},
|
||||
id: "f3", title: "LED Glow Tech", descriptions: [
|
||||
"Light up your keys with our premium LED acrylic designs."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg"},
|
||||
]}
|
||||
title="Why You'll Love KeyStudio"
|
||||
description="The viral accessory you've been searching for. Crafted with precision, designed for you."
|
||||
@@ -134,41 +100,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Metal Tag",
|
||||
price: "$29.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-label-black-surface_1220-445.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Metal Tag", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/paper-label-black-surface_1220-445.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Heart Couple Set",
|
||||
price: "$39.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-key-still-life_23-2151011265.jpg",
|
||||
},
|
||||
id: "p2", name: "Heart Couple Set", price: "$39.00", imageSrc: "http://img.b2bpic.net/free-photo/metallic-key-still-life_23-2151011265.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Luxury Fob",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-tequila-shot-with-car-key-bar-counter_107420-65512.jpg",
|
||||
},
|
||||
id: "p3", name: "Leather Luxury Fob", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-tequila-shot-with-car-key-bar-counter_107420-65512.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Custom Name Plate",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-gift-boxes-with-tag-isolated-white-background_23-2147936483.jpg",
|
||||
},
|
||||
id: "p4", name: "Custom Name Plate", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-gift-boxes-with-tag-isolated-white-background_23-2147936483.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Performance Car Emblem",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-ready-new-taxi-ride_23-2149149640.jpg",
|
||||
},
|
||||
id: "p5", name: "Performance Car Emblem", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-ready-new-taxi-ride_23-2149149640.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Glow LED Acrylic",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-gua-sha-stone_23-2149449151.jpg",
|
||||
},
|
||||
id: "p6", name: "Glow LED Acrylic", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/skin-care-banner-concept-with-gua-sha-stone_23-2149449151.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse All", href: "#shop"
|
||||
}
|
||||
]}
|
||||
title="Trending Now"
|
||||
description="Our hottest drops. Limited stock - these move fast."
|
||||
@@ -182,40 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jessica M.",
|
||||
role: "Trendsetter",
|
||||
testimonial: "Absolutely love my custom keychain. Quality is next level!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",
|
||||
},
|
||||
id: "t1", name: "Jessica M.", role: "Trendsetter", testimonial: "Absolutely love my custom keychain. Quality is next level!", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ryan K.",
|
||||
role: "Car Lover",
|
||||
testimonial: "Best addition to my car keys. Everyone asks where I got it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "t2", name: "Ryan K.", role: "Car Lover", testimonial: "Best addition to my car keys. Everyone asks where I got it.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
role: "Gift Hunter",
|
||||
testimonial: "Perfect gift for my boyfriend. He obsessed over it.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah P.", role: "Gift Hunter", testimonial: "Perfect gift for my boyfriend. He obsessed over it.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-listening-senior-man_1262-1970.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
role: "Collector",
|
||||
testimonial: "Fast shipping and perfect engraving. Truly premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", role: "Collector", testimonial: "Fast shipping and perfect engraving. Truly premium.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emily L.",
|
||||
role: "Lifestyle",
|
||||
testimonial: "So cute! Definitely buying more for my friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
},
|
||||
id: "t5", name: "Emily L.", role: "Lifestyle", testimonial: "So cute! Definitely buying more for my friends.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg"},
|
||||
]}
|
||||
title="Hear From The Community"
|
||||
description="Over 5,000+ satisfied customers worldwide."
|
||||
@@ -227,14 +149,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TikTok Trends",
|
||||
"Hypebeast Daily",
|
||||
"Car Enthusiasts",
|
||||
"Style Insider",
|
||||
"Gift Weekly",
|
||||
"Lifestyle Collective",
|
||||
"The Daily Drop",
|
||||
]}
|
||||
"TikTok Trends", "Hypebeast Daily", "Car Enthusiasts", "Style Insider", "Gift Weekly", "Lifestyle Collective", "The Daily Drop"]}
|
||||
title="Loved by the Internet"
|
||||
description="Featured by creators and featured on top lifestyle hubs."
|
||||
/>
|
||||
@@ -245,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does engraving take?",
|
||||
content: "Our custom items typically ship within 3-5 business days.",
|
||||
},
|
||||
id: "q1", title: "How long does engraving take?", content: "Our custom items typically ship within 3-5 business days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I return custom items?",
|
||||
content: "Because these are personalized for you, we cannot accept returns unless there is a defect.",
|
||||
},
|
||||
id: "q2", title: "Can I return custom items?", content: "Because these are personalized for you, we cannot accept returns unless there is a defect."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "Yes, we ship to over 50 countries globally.",
|
||||
},
|
||||
id: "q3", title: "Do you ship worldwide?", content: "Yes, we ship to over 50 countries globally."},
|
||||
]}
|
||||
sideTitle="Need Answers?"
|
||||
sideDescription="We've got you covered. Check out common questions below."
|
||||
@@ -273,20 +179,12 @@ export default function LandingPage() {
|
||||
description="Have a custom design request or business inquiry?"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What's on your mind?",
|
||||
}}
|
||||
name: "message", placeholder: "What's on your mind?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-passing-by-woman-using-mobile-phone_23-2147876765.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -297,29 +195,19 @@ export default function LandingPage() {
|
||||
logoText="KeyStudio"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#best-sellers",
|
||||
},
|
||||
label: "All Products", href: "#best-sellers"},
|
||||
{
|
||||
label: "Custom",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Custom", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -328,4 +216,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user