Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -34,37 +34,21 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "#features"},
|
||||||
id: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Stats",
|
name: "Stats", id: "#stats"},
|
||||||
id: "#stats",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Us",
|
name: "About Us", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#reviews"},
|
||||||
id: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=29ejsv"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=29ejsv"
|
||||||
logoAlt="F1 Toy Racers Logo"
|
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."
|
description="Experience the thrill of Formula 1 with meticulously crafted scale models and collectibles. Your ultimate destination for miniature racing legends."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Explore Collection",
|
text: "Explore Collection", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/red-formula-one-car_1048-1983.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/red-formula-one-car_1048-1983.jpg"
|
||||||
imageAlt="Hero image of a detailed F1 toy car"
|
imageAlt="Hero image of a detailed F1 toy car"
|
||||||
@@ -100,47 +80,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
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."
|
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}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Authentic Detailing",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
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."
|
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"
|
textboxLayout="default"
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
animationType="depth-3d"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "150+", title: "Unique Models", description: "From classic legends to modern champions.", icon: Car,
|
||||||
value: "150+",
|
|
||||||
title: "Unique Models",
|
|
||||||
description: "From classic legends to modern champions.",
|
|
||||||
icon: Car,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "10K+", title: "Happy Collectors", description: "Join our growing community of F1 aficionados.", icon: Users,
|
||||||
value: "10K+",
|
|
||||||
title: "Happy Collectors",
|
|
||||||
description: "Join our growing community of F1 aficionados.",
|
|
||||||
icon: Users,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "5-Star", title: "Average Rating", description: "Consistently excellent reviews from our customers.", icon: Star,
|
||||||
value: "5-Star",
|
|
||||||
title: "Average Rating",
|
|
||||||
description: "Consistently excellent reviews from our customers.",
|
|
||||||
icon: Star,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", value: "Limited", title: "Editions", description: "Exclusive releases for the most dedicated enthusiasts.", icon: Diamond,
|
||||||
value: "Limited",
|
|
||||||
title: "Editions",
|
|
||||||
description: "Exclusive releases for the most dedicated enthusiasts.",
|
|
||||||
icon: Diamond,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Our Legacy in Numbers"
|
title="Our Legacy in Numbers"
|
||||||
@@ -228,19 +148,13 @@ export default function LandingPage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
icon: Flag,
|
icon: Flag,
|
||||||
label: "Years in Passion",
|
label: "Years in Passion", value: "10+"},
|
||||||
value: "10+",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Award,
|
icon: Award,
|
||||||
label: "Expert Craftsmanship",
|
label: "Expert Craftsmanship", value: "Unrivaled"},
|
||||||
value: "Unrivaled",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Globe,
|
icon: Globe,
|
||||||
label: "Global Community",
|
label: "Global Community", value: "Spanning Continents"},
|
||||||
value: "Spanning Continents",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -251,14 +165,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
names={[
|
names={[
|
||||||
"Racing Gazette",
|
"Racing Gazette", "Grand Prix Fans", "Miniature Motors", "Collector's World", "Speed Enthusiast", "The Diecast Times", "Track Legends"]}
|
||||||
"Grand Prix Fans",
|
|
||||||
"Miniature Motors",
|
|
||||||
"Collector's World",
|
|
||||||
"Speed Enthusiast",
|
|
||||||
"The Diecast Times",
|
|
||||||
"Track Legends",
|
|
||||||
]}
|
|
||||||
title="Trusted by Fellow Enthusiasts"
|
title="Trusted by Fellow Enthusiasts"
|
||||||
description="Our collection is admired by F1 fans and collectors around the globe."
|
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"
|
author="Marcus 'Speed Demon' Vance"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202434.jpg", alt: "Marcus Vance"},
|
||||||
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",
|
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"},
|
||||||
alt: "Sophia Perez",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-nervous-young-man-with-beard-raising-up-brow_176420-12180.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-nervous-young-man-with-beard-raising-up-brow_176420-12180.jpg", alt: "Liam O'Connell"},
|
||||||
alt: "Liam O'Connell",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg",
|
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-looking-camera-with-arm-crossed_23-2148187252.jpg", alt: "Ava Sharma"},
|
||||||
alt: "Ava Sharma",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit_1298-185.jpg", alt: "David Lee"},
|
||||||
alt: "David Lee",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="blur-reveal"
|
avatarsAnimation="blur-reveal"
|
||||||
@@ -303,25 +200,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "faq1",
|
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."},
|
||||||
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",
|
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."},
|
||||||
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",
|
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."},
|
||||||
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",
|
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: "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"
|
title="Frequently Asked Questions"
|
||||||
description="Find answers to common questions about our F1 toy cars, orders, and more."
|
description="Find answers to common questions about our F1 toy cars, orders, and more."
|
||||||
@@ -333,14 +218,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
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."
|
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={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get in Touch",
|
text: "Get in Touch", href: "mailto:info@f1toyracers.com"},
|
||||||
href: "mailto:info@f1toyracers.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -352,54 +234,33 @@ export default function LandingPage() {
|
|||||||
logoText="F1 Toy Racers"
|
logoText="F1 Toy Racers"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Explore",
|
title: "Explore", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Products",
|
label: "Products", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Features",
|
label: "Features", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Shipping Info",
|
label: "Shipping Info", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Social",
|
title: "Social", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com"},
|
||||||
href: "https://instagram.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "https://facebook.com"},
|
||||||
href: "https://facebook.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Twitter",
|
label: "Twitter", href: "https://twitter.com"},
|
||||||
href: "https://twitter.com",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user