Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "products",
|
||||
},
|
||||
name: "Catalog", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Llaves & Auto Adorno"
|
||||
/>
|
||||
@@ -56,41 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Automotive Excellence"
|
||||
description="Redefining the standard of car keys and premium automotive adornments. Experience the synergy of luxury and innovation."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=1",
|
||||
imageAlt: "Luxury Key",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Luxury Key"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-hand-wheel-driving-motion-realistic-car-view_169016-68369.jpg?_wi=1",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/one-hand-wheel-driving-motion-realistic-car-view_169016-68369.jpg", imageAlt: "Dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1952.jpg?_wi=1",
|
||||
imageAlt: "Emblem",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1952.jpg", imageAlt: "Emblem"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patch-cord-crimp-glasses-notepad_140725-8748.jpg?_wi=1",
|
||||
imageAlt: "Electronics",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/patch-cord-crimp-glasses-notepad_140725-8748.jpg", imageAlt: "Electronics"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030435.jpg",
|
||||
imageAlt: "Interior Trim",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/different-car-accessories-composition_23-2149030435.jpg", imageAlt: "Interior Trim"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-disk-components_23-2149413367.jpg",
|
||||
imageAlt: "Mechanics",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hard-disk-components_23-2149413367.jpg", imageAlt: "Mechanics"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,18 +73,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Precision Engineering meets ",
|
||||
},
|
||||
type: "text", content: "Precision Engineering meets "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36599.jpg",
|
||||
alt: "Workshop",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/man-washing-engine-station_1157-36599.jpg", alt: "Workshop"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Luxurious Design.",
|
||||
},
|
||||
type: "text", content: " Luxurious Design."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -123,28 +89,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Programming",
|
||||
description: "Cutting edge key tech.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fabric-texture_23-2151872093.jpg",
|
||||
imageAlt: "Close up on fabric texture",
|
||||
title: "Smart Programming", description: "Cutting edge key tech.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Premium Materials",
|
||||
description: "Silver and carbon craft.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=2",
|
||||
imageAlt: "Close up on fabric texture",
|
||||
title: "Premium Materials", description: "Silver and carbon craft.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Rapid Services",
|
||||
description: "Delivered with haste.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Clock,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-hand-wheel-driving-motion-realistic-car-view_169016-68369.jpg?_wi=2",
|
||||
imageAlt: "Close up on fabric texture",
|
||||
title: "Rapid Services", description: "Delivered with haste.", bentoComponent: "reveal-icon", icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Elevated Performance"
|
||||
@@ -160,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Titanium Key Fob",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-ribbed-glass-background-with-abstract-curved-light-pattern-soft-gradient-texture_474888-8029.jpg",
|
||||
},
|
||||
id: "p1", name: "Titanium Key Fob", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/vertical-ribbed-glass-background-with-abstract-curved-light-pattern-soft-gradient-texture_474888-8029.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Carbon Trim",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg",
|
||||
},
|
||||
id: "p2", name: "Luxury Carbon Trim", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Silver Emblem Kit",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138935.jpg",
|
||||
},
|
||||
id: "p3", name: "Silver Emblem Kit", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138935.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Smart Entry Hub",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-car-key_23-2150321006.jpg",
|
||||
},
|
||||
id: "p4", name: "Smart Entry Hub", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-car-key_23-2150321006.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Custom Key Case",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-with-retro-texture-assortment_23-2149075967.jpg",
|
||||
},
|
||||
id: "p5", name: "Custom Key Case", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-with-retro-texture-assortment_23-2149075967.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Engine Start Badge",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138960.jpg",
|
||||
},
|
||||
id: "p6", name: "Engine Start Badge", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138960.jpg"},
|
||||
]}
|
||||
title="Exclusive Collection"
|
||||
description="Discover our signature line of automotive keys and accessories."
|
||||
@@ -208,47 +135,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$50",
|
||||
name: "Essential",
|
||||
features: [
|
||||
"Key cutting",
|
||||
"Standard test",
|
||||
],
|
||||
id: "basic", price: "$50", name: "Essential", features: [
|
||||
"Key cutting", "Standard test"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$150",
|
||||
name: "Professional",
|
||||
features: [
|
||||
"Programming",
|
||||
"Custom key shell",
|
||||
"Priority",
|
||||
],
|
||||
id: "pro", price: "$150", name: "Professional", features: [
|
||||
"Programming", "Custom key shell", "Priority"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
price: "$300",
|
||||
name: "Executive",
|
||||
features: [
|
||||
"Full smart integration",
|
||||
"Luxury materials",
|
||||
"24/7 support",
|
||||
],
|
||||
id: "vip", price: "$300", name: "Executive", features: [
|
||||
"Full smart integration", "Luxury materials", "24/7 support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -264,31 +171,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Keys Programmed",
|
||||
items: [
|
||||
"Certified",
|
||||
"Secure",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Keys Programmed", items: [
|
||||
"Certified", "Secure"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Loyal",
|
||||
"Premium",
|
||||
],
|
||||
id: "m2", value: "5k+", title: "Happy Clients", items: [
|
||||
"Loyal", "Premium"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Accuracy Rate",
|
||||
items: [
|
||||
"Tested",
|
||||
"Precise",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Accuracy Rate", items: [
|
||||
"Tested", "Precise"],
|
||||
},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
@@ -303,45 +195,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Exceptional service for my luxury car keys.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dark-fabric-seam-outdoor-sunlight-background-blurred_272375-26446.jpg",
|
||||
imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred",
|
||||
},
|
||||
id: "t1", name: "John Doe", handle: "@johnd", testimonial: "Exceptional service for my luxury car keys.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-dark-fabric-seam-outdoor-sunlight-background-blurred_272375-26446.jpg", imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
handle: "@janes",
|
||||
testimonial: "The precision work is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg?_wi=3",
|
||||
imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred",
|
||||
},
|
||||
id: "t2", name: "Jane Smith", handle: "@janes", testimonial: "The precision work is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080740.jpg", imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
handle: "@miker",
|
||||
testimonial: "Fast, reliable, and premium quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-hand-wheel-driving-motion-realistic-car-view_169016-68369.jpg?_wi=3",
|
||||
imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred",
|
||||
},
|
||||
id: "t3", name: "Mike Ross", handle: "@miker", testimonial: "Fast, reliable, and premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/one-hand-wheel-driving-motion-realistic-car-view_169016-68369.jpg", imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Anna Lee",
|
||||
handle: "@annal",
|
||||
testimonial: "Changed my car's look completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1952.jpg?_wi=2",
|
||||
imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred",
|
||||
},
|
||||
id: "t4", name: "Anna Lee", handle: "@annal", testimonial: "Changed my car's look completely.", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1952.jpg", imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam K.",
|
||||
handle: "@samk",
|
||||
testimonial: "Professional and very responsive team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patch-cord-crimp-glasses-notepad_140725-8748.jpg?_wi=2",
|
||||
imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred",
|
||||
},
|
||||
id: "t5", name: "Sam K.", handle: "@samk", testimonial: "Professional and very responsive team.", imageSrc: "http://img.b2bpic.net/free-photo/patch-cord-crimp-glasses-notepad_140725-8748.jpg", imageAlt: "Closeup dark fabric seam outdoor sunlight background blurred"},
|
||||
]}
|
||||
title="Client Experience"
|
||||
description="What our customers are saying about our craft."
|
||||
@@ -352,8 +214,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Get In Touch"
|
||||
description="Ready to upgrade your automotive experience?"
|
||||
@@ -366,29 +227,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Services", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user