Merge version_1 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Showcase", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="AutoWeld Pro"
|
||||
/>
|
||||
@@ -54,51 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Auto & Welding Excellence"
|
||||
description="Your trusted partner for specialized automotive maintenance and heavy-duty industrial welding. We bring expert service right to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Our Work", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cars-lifting-maintenance-garage-service-station_627829-3878.jpg?_wi=1",
|
||||
imageAlt: "Automotive service",
|
||||
},
|
||||
id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/two-cars-lifting-maintenance-garage-service-station_627829-3878.jpg", imageAlt: "Automotive service"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-black-gloves-working-angle-grinder-with-metal_651396-2858.jpg?_wi=1",
|
||||
imageAlt: "Industrial welding",
|
||||
},
|
||||
id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/worker-black-gloves-working-angle-grinder-with-metal_651396-2858.jpg", imageAlt: "Industrial welding"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-686.jpg",
|
||||
imageAlt: "Precision welding",
|
||||
},
|
||||
id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-686.jpg", imageAlt: "Precision welding"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg",
|
||||
imageAlt: "Auto engine repair",
|
||||
},
|
||||
id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg", imageAlt: "Auto engine repair"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-giant-drill-busy-metal-factory_613910-5125.jpg",
|
||||
imageAlt: "Welding workshop",
|
||||
},
|
||||
id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-giant-drill-busy-metal-factory_613910-5125.jpg", imageAlt: "Welding workshop"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170006.jpg",
|
||||
imageAlt: "Modern auto maintenance",
|
||||
},
|
||||
id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170006.jpg", imageAlt: "Modern auto maintenance"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,54 +79,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Automotive Maintenance",
|
||||
description: "Full diagnostic and repair services for all vehicle types using professional grade equipment.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg",
|
||||
imageAlt: "Auto repair",
|
||||
},
|
||||
title: "Automotive Maintenance", description: "Full diagnostic and repair services for all vehicle types using professional grade equipment.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg", imageAlt: "Auto repair"},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Engine diagnostics",
|
||||
},
|
||||
text: "Engine diagnostics"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fluid maintenance",
|
||||
},
|
||||
text: "Fluid maintenance"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safety inspections",
|
||||
},
|
||||
text: "Safety inspections"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cars-lifting-maintenance-garage-service-station_627829-3878.jpg?_wi=2",
|
||||
imageAlt: "auto shop interior",
|
||||
},
|
||||
{
|
||||
title: "Industrial Welding",
|
||||
description: "Custom fabrication and structural welding services for heavy equipment and custom projects.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4783.jpg",
|
||||
imageAlt: "Industrial welding",
|
||||
},
|
||||
title: "Industrial Welding", description: "Custom fabrication and structural welding services for heavy equipment and custom projects.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4783.jpg", imageAlt: "Industrial welding"},
|
||||
items: [
|
||||
{
|
||||
icon: Flame,
|
||||
text: "MIG/TIG welding",
|
||||
},
|
||||
text: "MIG/TIG welding"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Structural repairs",
|
||||
},
|
||||
text: "Structural repairs"},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Certified quality",
|
||||
},
|
||||
text: "Certified quality"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-black-gloves-working-angle-grinder-with-metal_651396-2858.jpg?_wi=2",
|
||||
imageAlt: "welding sparks bright",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Service Suite"
|
||||
@@ -173,59 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Auto",
|
||||
name: "Engine Refurbishment",
|
||||
price: "$850",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11828.jpg",
|
||||
},
|
||||
id: "p1", brand: "Auto", name: "Engine Refurbishment", price: "$850", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11828.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Weld",
|
||||
name: "Custom Steel Frame",
|
||||
price: "$1200",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-construction-blue-sky_23-2148744257.jpg",
|
||||
},
|
||||
id: "p2", brand: "Weld", name: "Custom Steel Frame", price: "$1200", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-construction-blue-sky_23-2148744257.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Auto",
|
||||
name: "Brake System Repair",
|
||||
price: "$300",
|
||||
rating: 4,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-gloves_23-2149714331.jpg",
|
||||
},
|
||||
id: "p3", brand: "Auto", name: "Brake System Repair", price: "$300", rating: 4,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-with-gloves_23-2149714331.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Weld",
|
||||
name: "Exhaust Fabrication",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg",
|
||||
},
|
||||
id: "p4", brand: "Weld", name: "Exhaust Fabrication", price: "$450", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169972.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Auto",
|
||||
name: "Transmission Fluid Change",
|
||||
price: "$180",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1233.jpg",
|
||||
},
|
||||
id: "p5", brand: "Auto", name: "Transmission Fluid Change", price: "$180", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1233.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Weld",
|
||||
name: "Iron Gate Restoration",
|
||||
price: "$600",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-wheel-grinding-steel-structure_1359-251.jpg",
|
||||
},
|
||||
id: "p6", brand: "Weld", name: "Iron Gate Restoration", price: "$600", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/electric-wheel-grinding-steel-structure_1359-251.jpg"},
|
||||
]}
|
||||
title="Work Gallery"
|
||||
description="Explore our recent projects ranging from engine overhauls to custom metal fabrication."
|
||||
@@ -238,45 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great engine service",
|
||||
quote: "The team was quick and efficient with my engine repair.",
|
||||
name: "Alice M.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-by-car-street-young-pretty-caucasain-woman-standing-car-with-opened-door_657921-609.jpg",
|
||||
},
|
||||
id: "1", title: "Great engine service", quote: "The team was quick and efficient with my engine repair.", name: "Alice M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-standing-by-car-street-young-pretty-caucasain-woman-standing-car-with-opened-door_657921-609.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Expert welding work",
|
||||
quote: "They fabricated a custom frame that was perfect for my trailer.",
|
||||
name: "Robert B.",
|
||||
role: "Contractor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",
|
||||
},
|
||||
id: "2", title: "Expert welding work", quote: "They fabricated a custom frame that was perfect for my trailer.", name: "Robert B.", role: "Contractor", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Reliable maintenance",
|
||||
quote: "Professional and transparent about all costs.",
|
||||
name: "Sarah J.",
|
||||
role: "Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-welder-posing-work_23-2148813369.jpg",
|
||||
},
|
||||
id: "3", title: "Reliable maintenance", quote: "Professional and transparent about all costs.", name: "Sarah J.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-welder-posing-work_23-2148813369.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Top tier craftsmanship",
|
||||
quote: "Their welding is some of the cleanest I've seen in the area.",
|
||||
name: "Mike D.",
|
||||
role: "Construction Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-project-manager-sitting-office-desk-work-business-growth-with-financial-charts-sales-statistics-marketing-consultant-analyzing-e-commerce-diagrams-computer_482257-41123.jpg",
|
||||
},
|
||||
id: "4", title: "Top tier craftsmanship", quote: "Their welding is some of the cleanest I've seen in the area.", name: "Mike D.", role: "Construction Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-project-manager-sitting-office-desk-work-business-growth-with-financial-charts-sales-statistics-marketing-consultant-analyzing-e-commerce-diagrams-computer_482257-41123.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Saved my weekend",
|
||||
quote: "Fixed my car leak just in time for my trip.",
|
||||
name: "Kevin L.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fellow-benchman-reparing-details-car-adding-oil_114579-2795.jpg",
|
||||
},
|
||||
id: "5", title: "Saved my weekend", quote: "Fixed my car leak just in time for my trip.", name: "Kevin L.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/fellow-benchman-reparing-details-car-adding-oil_114579-2795.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—here is what our community says."
|
||||
@@ -289,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide mobile welding?",
|
||||
content: "Yes, we offer on-site welding for industrial and emergency needs.",
|
||||
},
|
||||
id: "f1", title: "Do you provide mobile welding?", content: "Yes, we offer on-site welding for industrial and emergency needs."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What auto services do you offer?",
|
||||
content: "We cover maintenance, diagnostics, and repairs for most standard vehicles.",
|
||||
},
|
||||
id: "f2", title: "What auto services do you offer?", content: "We cover maintenance, diagnostics, and repairs for most standard vehicles."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your welders certified?",
|
||||
content: "Absolutely, all our technicians hold industry-standard certifications.",
|
||||
},
|
||||
id: "f3", title: "Are your welders certified?", content: "Absolutely, all our technicians hold industry-standard certifications."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worker-working-suit-fixing-metal-rack_140725-11110.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -315,14 +191,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Reach out to schedule a service visit today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
text: "Contact Us Now", href: "tel:+15550123456"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="AutoWeld Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user