Update src/app/page.tsx

This commit is contained in:
2026-06-10 06:59:40 +00:00
parent 9b8deba0fb
commit 20e055ec18

View File

@@ -34,37 +34,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Stats",
id: "#stats",
},
name: "Stats", id: "#stats"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=29ejsv"
logoAlt="F1 Toy Racers Logo"
@@ -78,13 +62,9 @@ export default function LandingPage() {
description="Experience the thrill of Formula 1 with meticulously crafted scale models and collectibles. Your ultimate destination for miniature racing legends."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Explore Collection",
href: "#features",
},
text: "Explore Collection", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/red-formula-one-car_1048-1983.jpg"
imageAlt="Hero image of a detailed F1 toy car"
@@ -100,47 +80,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Red Racer F1 Model",
price: "$79.99",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-generic-racing-car-with-half-sketch-preview_1048-12734.jpg",
imageAlt: "Red F1 toy car",
},
id: "p1", name: "Red Racer F1 Model", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-generic-racing-car-with-half-sketch-preview_1048-12734.jpg", imageAlt: "Red F1 toy car"},
{
id: "p2",
name: "Blue Lightning Replica",
price: "$89.99",
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139017.jpg",
imageAlt: "Blue F1 toy car",
},
id: "p2", name: "Blue Lightning Replica", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139017.jpg", imageAlt: "Blue F1 toy car"},
{
id: "p3",
name: "Silver Arrow Collector's Edition",
price: "$99.99",
imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-332.jpg",
imageAlt: "Silver F1 toy car",
},
id: "p3", name: "Silver Arrow Collector's Edition", price: "$99.99", imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-332.jpg", imageAlt: "Silver F1 toy car"},
{
id: "p4",
name: "Emerald Champion F1",
price: "$74.99",
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138948.jpg",
imageAlt: "Green F1 toy car",
},
id: "p4", name: "Emerald Champion F1", price: "$74.99", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138948.jpg", imageAlt: "Green F1 toy car"},
{
id: "p5",
name: "Golden Streak F1",
price: "$84.99",
imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-387.jpg",
imageAlt: "Yellow F1 toy car",
},
id: "p5", name: "Golden Streak F1", price: "$84.99", imageSrc: "http://img.b2bpic.net/free-photo/f1-racing-24-hours-le-mans-render-3d-illustration_654080-387.jpg", imageAlt: "Yellow F1 toy car"},
{
id: "p6",
name: "Shadow Stealth Racer",
price: "$94.99",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car-back-view_23-2151955587.jpg",
imageAlt: "Black F1 toy car",
},
id: "p6", name: "Shadow Stealth Racer", price: "$94.99", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car-back-view_23-2151955587.jpg", imageAlt: "Black F1 toy car"},
]}
title="Our Latest Race Cars"
description="Discover precision-engineered F1 toy cars, from classic champions to modern marvels. Each model is a masterpiece of detail and realism."
@@ -155,26 +105,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Authentic Detailing",
description: "Every curve, decal, and aerodynamic element is meticulously replicated for unparalleled realism.",
imageSrc: "http://img.b2bpic.net/free-photo/robot-style-car-with-joystick_140725-9003.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-little-music-boxes_52683-121766.jpg",
buttonText: "View Details",
},
title: "Authentic Detailing", description: "Every curve, decal, and aerodynamic element is meticulously replicated for unparalleled realism.", imageSrc: "http://img.b2bpic.net/free-photo/robot-style-car-with-joystick_140725-9003.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/still-life-little-music-boxes_52683-121766.jpg", buttonText: "View Details"},
{
title: "Collector's Grade Materials",
description: "Crafted from high-quality die-cast metal and durable plastics, built to last and impress.",
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel_1339-655.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/fun-3d-illustration-super-santa-claus-with-vr-helmet_183364-81251.jpg",
buttonText: "Discover Quality",
},
title: "Collector's Grade Materials", description: "Crafted from high-quality die-cast metal and durable plastics, built to last and impress.", imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel_1339-655.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/fun-3d-illustration-super-santa-claus-with-vr-helmet_183364-81251.jpg", buttonText: "Discover Quality"},
{
title: "Iconic Liveries",
description: "Celebrate racing history with famous team colors and sponsor logos, bringing the track to life.",
imageSrc: "http://img.b2bpic.net/free-photo/driving-formula-one-car_1048-1996.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/motorbike-motor_1417-1535.jpg",
buttonText: "Explore Designs",
},
title: "Iconic Liveries", description: "Celebrate racing history with famous team colors and sponsor logos, bringing the track to life.", imageSrc: "http://img.b2bpic.net/free-photo/driving-formula-one-car_1048-1996.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/motorbike-motor_1417-1535.jpg", buttonText: "Explore Designs"},
]}
title="Unleash Your Inner Champion"
description="Explore the exceptional qualities that make our F1 toy cars stand out. Precision, detail, and passion in every model."
@@ -186,34 +121,19 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
animationType="depth-3d"
metrics={[
{
id: "m1",
value: "150+",
title: "Unique Models",
description: "From classic legends to modern champions.",
icon: Car,
id: "m1", value: "150+", title: "Unique Models", description: "From classic legends to modern champions.", icon: Car,
},
{
id: "m2",
value: "10K+",
title: "Happy Collectors",
description: "Join our growing community of F1 aficionados.",
icon: Users,
id: "m2", value: "10K+", title: "Happy Collectors", description: "Join our growing community of F1 aficionados.", icon: Users,
},
{
id: "m3",
value: "5-Star",
title: "Average Rating",
description: "Consistently excellent reviews from our customers.",
icon: Star,
id: "m3", value: "5-Star", title: "Average Rating", description: "Consistently excellent reviews from our customers.", icon: Star,
},
{
id: "m4",
value: "Limited",
title: "Editions",
description: "Exclusive releases for the most dedicated enthusiasts.",
icon: Diamond,
id: "m4", value: "Limited", title: "Editions", description: "Exclusive releases for the most dedicated enthusiasts.", icon: Diamond,
},
]}
title="Our Legacy in Numbers"
@@ -228,19 +148,13 @@ export default function LandingPage() {
metrics={[
{
icon: Flag,
label: "Years in Passion",
value: "10+",
},
label: "Years in Passion", value: "10+"},
{
icon: Award,
label: "Expert Craftsmanship",
value: "Unrivaled",
},
label: "Expert Craftsmanship", value: "Unrivaled"},
{
icon: Globe,
label: "Global Community",
value: "Spanning Continents",
},
label: "Global Community", value: "Spanning Continents"},
]}
metricsAnimation="slide-up"
/>
@@ -251,14 +165,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Racing Gazette",
"Grand Prix Fans",
"Miniature Motors",
"Collector's World",
"Speed Enthusiast",
"The Diecast Times",
"Track Legends",
]}
"Racing Gazette", "Grand Prix Fans", "Miniature Motors", "Collector's World", "Speed Enthusiast", "The Diecast Times", "Track Legends"]}
title="Trusted by Fellow Enthusiasts"
description="Our collection is admired by F1 fans and collectors around the globe."
/>
@@ -272,25 +179,15 @@ export default function LandingPage() {
author="Marcus 'Speed Demon' Vance"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
alt: "Marcus Vance",
},
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", alt: "Marcus Vance"},
{
src: "http://img.b2bpic.net/free-photo/glad-curly-haired-woman-clenches-fists-with-triumpg-feels-like-winner-celebrates-triumph-wears-casual-pink-turtleneck-isolated-beige-background-rejoices-victory-achieves-goals-yes-i-did-it_273609-58260.jpg",
alt: "Sophia Perez",
},
src: "http://img.b2bpic.net/free-photo/glad-curly-haired-woman-clenches-fists-with-triumpg-feels-like-winner-celebrates-triumph-wears-casual-pink-turtleneck-isolated-beige-background-rejoices-victory-achieves-goals-yes-i-did-it_273609-58260.jpg", alt: "Sophia Perez"},
{
src: "http://img.b2bpic.net/free-photo/portrait-nervous-young-man-with-beard-raising-up-brow_176420-12180.jpg",
alt: "Liam O'Connell",
},
src: "http://img.b2bpic.net/free-photo/portrait-nervous-young-man-with-beard-raising-up-brow_176420-12180.jpg", alt: "Liam O'Connell"},
{
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg",
alt: "Ava Sharma",
},
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg", alt: "Ava Sharma"},
{
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg",
alt: "David Lee",
},
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg", alt: "David Lee"},
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -303,25 +200,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What scale are the F1 toy cars?",
content: "Most of our F1 toy cars are 1:18 or 1:43 scale, offering a perfect balance of detail and display size. Specific scales are listed on each product page.",
},
id: "faq1", title: "What scale are the F1 toy cars?", content: "Most of our F1 toy cars are 1:18 or 1:43 scale, offering a perfect balance of detail and display size. Specific scales are listed on each product page."},
{
id: "faq2",
title: "Are these suitable for children?",
content: "While durable, our F1 toy cars are primarily designed for collectors aged 14+. They contain small, intricate parts and are not intended for rough play.",
},
id: "faq2", title: "Are these suitable for children?", content: "While durable, our F1 toy cars are primarily designed for collectors aged 14+. They contain small, intricate parts and are not intended for rough play."},
{
id: "faq3",
title: "Do you offer international shipping?",
content: "Yes, we ship our F1 toy cars worldwide! Shipping costs and delivery times vary by destination and are calculated at checkout.",
},
id: "faq3", title: "Do you offer international shipping?", content: "Yes, we ship our F1 toy cars worldwide! Shipping costs and delivery times vary by destination and are calculated at checkout."},
{
id: "faq4",
title: "How can I care for my F1 toy car?",
content: "To maintain your car's pristine condition, we recommend dusting regularly with a soft brush and keeping it out of direct sunlight to prevent fading.",
},
id: "faq4", title: "How can I care for my F1 toy car?", content: "To maintain your car's pristine condition, we recommend dusting regularly with a soft brush and keeping it out of direct sunlight to prevent fading."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our F1 toy cars, orders, and more."
@@ -333,14 +218,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to add a legendary racer to your collection? Contact us for custom orders or any inquiries. Our team is here to help you fuel your passion."
buttons={[
{
text: "Get in Touch",
href: "mailto:info@f1toyracers.com",
},
text: "Get in Touch", href: "mailto:info@f1toyracers.com"},
]}
/>
</div>
@@ -352,54 +234,33 @@ export default function LandingPage() {
logoText="F1 Toy Racers"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Shipping Info",
href: "#",
},
label: "Shipping Info", href: "#"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Instagram",
href: "https://instagram.com",
},
label: "Instagram", href: "https://instagram.com"},
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
{
label: "Twitter",
href: "https://twitter.com",
},
label: "Twitter", href: "https://twitter.com"},
],
},
]}