Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a68f4f1259 |
234
src/app/page.tsx
234
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Shop",
|
name: "Shop", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Why Us",
|
name: "Why Us", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Support",
|
name: "Support", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Rager 4x4"
|
brandName="Rager 4x4"
|
||||||
/>
|
/>
|
||||||
@@ -55,41 +47,24 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Tough Accessories Built for Your 4WD"
|
title="Tough Accessories Built for Your 4WD"
|
||||||
description="Premium bull bars, light bars, roof racks, and camping gear engineered for Toyota, Ford, Nissan, Mitsubishi, and more—quality tough build at prices that won't break the bank."
|
description="Premium bull bars, light bars, roof racks, and camping gear engineered for Toyota, Ford, Nissan, Mitsubishi, and more—quality tough build at prices that won't break the bank."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Your Vehicle",
|
text: "Explore Your Vehicle", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg",
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DNzA4qIbijCA6ZS4yJbgHwOFoZ/uploaded-1778137300941-qgik0xy4.png", imageAlt: "Rager 4x4 Logo"},
|
||||||
imageAlt: "Off-road 4x4 in outback",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-camera-binoculars-firewood_23-2147833108.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg", imageAlt: "Off-road 4x4 in outback"},
|
||||||
imageAlt: "Roof rack detail",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476201.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-camera-binoculars-firewood_23-2147833108.jpg", imageAlt: "Roof rack detail"},
|
||||||
imageAlt: "4x4 river crossing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/old-vehicle-classic-lamp-headlight_1203-6150.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/black-white-people-with-off-road-car-driving-adventure_23-2151476201.jpg", imageAlt: "4x4 river crossing"},
|
||||||
imageAlt: "LED lighting focus",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-waiting-her-boyfriend_23-2148947654.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/old-vehicle-classic-lamp-headlight_1203-6150.jpg", imageAlt: "LED lighting focus"},
|
||||||
imageAlt: "Expedition rig desert sunset",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-background-with-binoculars-others-travel-objects_23-2147604769.jpg",
|
|
||||||
imageAlt: "Winch installation",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -99,10 +74,7 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Built for the Journey Ahead"
|
title="Built for the Journey Ahead"
|
||||||
description={[
|
description={[
|
||||||
"At Rager 4x4, we understand that your vehicle is more than just a ride—it's your gateway to adventure. Our mission is to provide gear that balances uncompromising toughness with realistic pricing, ensuring you can build your rig exactly how you want it.",
|
"At Rager 4x4, we understand that your vehicle is more than just a ride—it's your gateway to adventure. Our mission is to provide gear that balances uncompromising toughness with realistic pricing, ensuring you can build your rig exactly how you want it.", "Whether you're hitting the trails on weekends or relying on your ute for the workday grind, our accessories are designed for compatibility and longevity. We take the guesswork out of modifications with vehicle-specific fitment.", "Join thousands of Australian enthusiasts who trust Rager 4x4 to upgrade their performance and tackle the road with confidence."]}
|
||||||
"Whether you're hitting the trails on weekends or relying on your ute for the workday grind, our accessories are designed for compatibility and longevity. We take the guesswork out of modifications with vehicle-specific fitment.",
|
|
||||||
"Join thousands of Australian enthusiasts who trust Rager 4x4 to upgrade their performance and tackle the road with confidence.",
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -114,47 +86,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Heavy-Duty Bull Bar", price: "$1,299", variant: "Matte Black", imageSrc: "http://img.b2bpic.net/free-photo/spraying-powder-paint-concept-with-door_23-2149714310.jpg"},
|
||||||
name: "Heavy-Duty Bull Bar",
|
|
||||||
price: "$1,299",
|
|
||||||
variant: "Matte Black",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/spraying-powder-paint-concept-with-door_23-2149714310.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Pro Series LED Light Bar", price: "$349", variant: "50-inch", imageSrc: "http://img.b2bpic.net/free-photo/lit-lantern-dark_1122-616.jpg"},
|
||||||
name: "Pro Series LED Light Bar",
|
|
||||||
price: "$349",
|
|
||||||
variant: "50-inch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/lit-lantern-dark_1122-616.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Expedition Roof Rack", price: "$899", variant: "Aluminium", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg"},
|
||||||
name: "Expedition Roof Rack",
|
|
||||||
price: "$899",
|
|
||||||
variant: "Aluminium",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", name: "Ultimate Recovery Kit", price: "$299", variant: "Full Set", imageSrc: "http://img.b2bpic.net/free-photo/climber-with-carabiners_23-2147665141.jpg"},
|
||||||
name: "Ultimate Recovery Kit",
|
|
||||||
price: "$299",
|
|
||||||
variant: "Full Set",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/climber-with-carabiners_23-2147665141.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", name: "High-Flow Air Compressor", price: "$199", variant: "Portable", imageSrc: "http://img.b2bpic.net/free-photo/heating-radiator-valve_93675-130971.jpg"},
|
||||||
name: "High-Flow Air Compressor",
|
|
||||||
price: "$199",
|
|
||||||
variant: "Portable",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/heating-radiator-valve_93675-130971.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", name: "Suspension Lift Kit", price: "$1,150", variant: "2-inch", imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-vehicle-bottom_23-2147897952.jpg"},
|
||||||
name: "Suspension Lift Kit",
|
|
||||||
price: "$1,150",
|
|
||||||
variant: "2-inch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-vehicle-bottom_23-2147897952.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Gear Up Your Rig"
|
title="Gear Up Your Rig"
|
||||||
description="Explore our curated collection of performance-tested accessories to take your 4WD to the next level."
|
description="Explore our curated collection of performance-tested accessories to take your 4WD to the next level."
|
||||||
@@ -169,32 +111,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "15,000+", title: "Happy Customers", description: "Australian enthusiasts served", icon: Users,
|
||||||
value: "15,000+",
|
|
||||||
title: "Happy Customers",
|
|
||||||
description: "Australian enthusiasts served",
|
|
||||||
icon: Users,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "500+", title: "5-Star Reviews", description: "Proven durability on and off road", icon: Star,
|
||||||
value: "500+",
|
|
||||||
title: "5-Star Reviews",
|
|
||||||
description: "Proven durability on and off road",
|
|
||||||
icon: Star,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "12", title: "Months Warranty", description: "Standard on all major gear", icon: ShieldCheck,
|
||||||
value: "12",
|
|
||||||
title: "Months Warranty",
|
|
||||||
description: "Standard on all major gear",
|
|
||||||
icon: ShieldCheck,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m4",
|
id: "m4", value: "24/7", title: "Tech Support", description: "Ready to help with your build", icon: Headphones,
|
||||||
value: "24/7",
|
|
||||||
title: "Tech Support",
|
|
||||||
description: "Ready to help with your build",
|
|
||||||
icon: Headphones,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Built for Reliability"
|
title="Built for Reliability"
|
||||||
@@ -208,45 +134,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", title: "Awesome gear!", quote: "The bull bar fits my Ford Ranger perfectly. Super solid build quality at a fraction of the cost.", name: "James R.", role: "4WD Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-bridge_23-2147814042.jpg"},
|
||||||
title: "Awesome gear!",
|
|
||||||
quote: "The bull bar fits my Ford Ranger perfectly. Super solid build quality at a fraction of the cost.",
|
|
||||||
name: "James R.",
|
|
||||||
role: "4WD Enthusiast",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-bridge_23-2147814042.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", title: "Game changer", quote: "These light bars are incredibly bright and durable. Handled the corrugated roads without missing a beat.", name: "Sarah K.", role: "Adventure Traveler", imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-man-hat-sunglasses-posing-rear-window-car_1098-20270.jpg"},
|
||||||
title: "Game changer",
|
|
||||||
quote: "These light bars are incredibly bright and durable. Handled the corrugated roads without missing a beat.",
|
|
||||||
name: "Sarah K.",
|
|
||||||
role: "Adventure Traveler",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-man-hat-sunglasses-posing-rear-window-car_1098-20270.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", title: "Workhorse approved", quote: "I use these racks on my work ute daily. Absolutely bombproof and easy to install myself.", name: "Mark D.", role: "Fleet Manager", imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-standing-near-car-use-laptop_1157-27348.jpg"},
|
||||||
title: "Workhorse approved",
|
|
||||||
quote: "I use these racks on my work ute daily. Absolutely bombproof and easy to install myself.",
|
|
||||||
name: "Mark D.",
|
|
||||||
role: "Fleet Manager",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-standing-near-car-use-laptop_1157-27348.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
title: "Top value",
|
|
||||||
quote: "Don't overpay for big brands. Rager 4x4 delivers exactly what you need at a fair price.",
|
|
||||||
name: "Thomas L.",
|
|
||||||
role: " weekend warrior",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-wearing-hat-medium-shot_23-2148928030.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
title: "Highly recommend",
|
|
||||||
quote: "Great communication and fast shipping to remote NT. The parts were perfect right out of the box.",
|
|
||||||
name: "Emily J.",
|
|
||||||
role: "Outback Adventurer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hippie-woman-bright-leggings-round-glasses-nature_1321-2530.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Trusted by Enthusiasts"
|
title="Trusted by Enthusiasts"
|
||||||
description="Hear how fellow 4WD drivers have transformed their rigs with our gear."
|
description="Hear how fellow 4WD drivers have transformed their rigs with our gear."
|
||||||
@@ -259,25 +151,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Do you offer installation?", content: "While we focus on providing the best hardware for your build, we have detailed instructions online. Most accessories are designed for DIY enthusiasts."},
|
||||||
title: "Do you offer installation?",
|
|
||||||
content: "While we focus on providing the best hardware for your build, we have detailed instructions online. Most accessories are designed for DIY enthusiasts.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Are these parts compatible with my model?", content: "Yes, our products are engineered for specific vehicle models. Just select your vehicle in the filter to ensure perfect fitment."},
|
||||||
title: "Are these parts compatible with my model?",
|
|
||||||
content: "Yes, our products are engineered for specific vehicle models. Just select your vehicle in the filter to ensure perfect fitment.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "How long is shipping to Western Australia?", content: "We aim to process and dispatch orders within 24 hours. Standard shipping to WA typically takes 5-7 business days."},
|
||||||
title: "How long is shipping to Western Australia?",
|
|
||||||
content: "We aim to process and dispatch orders within 24 hours. Standard shipping to WA typically takes 5-7 business days.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "q4",
|
|
||||||
title: "What happens if a part is damaged?",
|
|
||||||
content: "All orders are insured. If something arrives damaged, just contact our support team with a photo, and we will send a replacement immediately.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Frequently Asked Questions"
|
title="Frequently Asked Questions"
|
||||||
description="Have questions about installation or compatibility? We've got answers."
|
description="Have questions about installation or compatibility? We've got answers."
|
||||||
@@ -292,22 +170,14 @@ export default function LandingPage() {
|
|||||||
description="Reach out to our team if you need guidance on finding the right parts for your specific vehicle build."
|
description="Reach out to our team if you need guidance on finding the right parts for your specific vehicle build."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Tell us about your 4WD model...", required: true,
|
||||||
placeholder: "Tell us about your 4WD model...",
|
|
||||||
required: true,
|
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124287.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/building-construction-worker-site_23-2149124287.jpg"
|
||||||
/>
|
/>
|
||||||
@@ -317,45 +187,15 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
{ label: "Bull Bars", href: "#products" },
|
||||||
{
|
{ label: "Light Bars", href: "#products" },
|
||||||
label: "Bull Bars",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Light Bars",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Roof Racks",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Recovery Gear",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
{ label: "About Us", href: "#about" },
|
||||||
{
|
{ label: "Support", href: "#contact" },
|
||||||
label: "About Us",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Support",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Privacy Policy",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Shipping Info",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user