bender/19309147-8ae2-4089-a81f-d266d7bc404a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-11 08:35:05 +00:00
parent 2c28f858ad 58f18bf21f
commit 089302a5d4
1 changed files with 48 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

266
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Divine Diesel Repair"
/>
@@ -54,77 +42,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
title="Expert Truck & Trailer Repair You Can Trust"
description="Divine Diesel Truck & Trailer Repair Ltd provides top-tier maintenance and emergency repairs for your commercial fleet, ensuring your assets stay on the road longer."
kpis={[
{
value: "24/7",
label: "Roadside Support",
},
{
value: "100+",
label: "Fleets Maintained",
},
{
value: "Expert",
label: "Diesel Technicians",
},
{ value: "24/7", label: "Roadside Support" },
{ value: "100+", label: "Fleets Maintained" },
{ value: "Expert", label: "Diesel Technicians" },
]}
enableKpiAnimation={true}
imageSrc="http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46513.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46513.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-two-smiling-specialists-working-laptop-computer-looking-front-modern-service-center_496169-972.jpg",
alt: "Portrait of two smiling specialists",
},
{
src: "http://img.b2bpic.net/free-photo/full-shot-mechanic-checking-truck_23-2149426541.jpg",
alt: "Full shot mechanic checking truck",
},
{
src: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46510.jpg",
alt: "A young worker checks the wheel",
},
{
src: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46522.jpg",
alt: "Man with tools for truck",
},
{
src: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11799.jpg",
alt: "Mechanics repairing a car",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-two-smiling-specialists-working-laptop-computer-looking-front-modern-service-center_496169-972.jpg", alt: "Portrait of two smiling specialists" },
{ src: "http://img.b2bpic.net/free-photo/full-shot-mechanic-checking-truck_23-2149426541.jpg", alt: "Full shot mechanic checking truck" },
{ src: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46510.jpg", alt: "A young worker checks the wheel" },
{ src: "http://img.b2bpic.net/free-photo/man-with-tools-truck-worker-uniform-faulty-truck_1157-46522.jpg", alt: "Man with tools for truck" },
{ src: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11799.jpg", alt: "Mechanics repairing a car" },
]}
avatarText="Join 500+ satisfied drivers"
marqueeItems={[
{
type: "text-icon",
text: "Certified Technicians",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Emergency Response",
icon: Truck,
},
{
type: "text-icon",
text: "High Performance",
icon: Zap,
},
{
type: "text-icon",
text: "Reliable Results",
icon: Wrench,
},
{
type: "text-icon",
text: "Full Diagnostics",
icon: Search,
},
{ type: "text-icon", text: "Certified Technicians", icon: ShieldCheck },
{ type: "text-icon", text: "Emergency Response", icon: Truck },
{ type: "text-icon", text: "High Performance", icon: Zap },
{ type: "text-icon", text: "Reliable Results", icon: Wrench },
{ type: "text-icon", text: "Full Diagnostics", icon: Search },
]}
/>
</div>
@@ -134,7 +76,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Quality Repairs, Minimal Downtime"
description="At Divine Diesel, we understand that time is money in the transport industry. Our skilled technicians deliver high-quality engine, transmission, and structural trailer repairs with efficiency that keeps your operations moving forward."
imageSrc="http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg"
/>
</div>
@@ -145,64 +87,28 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Engine Diagnostics",
description: "Advanced diagnostics for all major heavy-duty engine brands.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46514.jpg",
},
title: "Engine Diagnostics", description: "Advanced diagnostics for all major heavy-duty engine brands.", media: { imageSrc: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46514.jpg" },
items: [
{
icon: Wrench,
text: "Computerized scanning",
},
{
icon: Zap,
text: "Emission system repair",
},
{ icon: Wrench, text: "Computerized scanning" },
{ icon: Zap, text: "Emission system repair" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-checks-wheel-truck-malfunction-service-work_1157-46513.jpg?_wi=2",
imageAlt: "semi truck wheel repair",
},
{
title: "Emergency Roadside",
description: "Fast response to breakdowns, whenever you need it.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg",
},
title: "Emergency Roadside", description: "Fast response to breakdowns, whenever you need it.", media: { imageSrc: "http://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg" },
items: [
{
icon: Truck,
text: "Mobile repair unit",
},
{
icon: Clock,
text: "24/7 availability",
},
{ icon: Truck, text: "Mobile repair unit" },
{ icon: Clock, text: "24/7 availability" },
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/young-cobbler-glasses-is-working-shoe-sole-his-dark-workplace_613910-12936.jpg?_wi=2",
imageAlt: "semi truck wheel repair",
},
{
title: "Fleet Maintenance",
description: "Customized preventative maintenance programs for fleets.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163705.jpg",
},
title: "Fleet Maintenance", description: "Customized preventative maintenance programs for fleets.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-fuel-level-gauge-vehicle_23-2150163705.jpg" },
items: [
{
icon: ShieldCheck,
text: "Scheduled inspections",
},
{
icon: CheckCircle,
text: "Oil and filter service",
},
{ icon: ShieldCheck, text: "Scheduled inspections" },
{ icon: CheckCircle, text: "Oil and filter service" },
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489636.jpg?_wi=1",
imageAlt: "semi truck wheel repair",
},
]}
title="Comprehensive Repair Services"
@@ -217,27 +123,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99%",
title: "First-time fix",
description: "High accuracy repair rate",
icon: Check,
},
{
id: "m2",
value: "24h",
title: "Turnaround",
description: "Average service speed",
icon: Clock,
},
{
id: "m3",
value: "15+",
title: "Years",
description: "Industry experience",
icon: Award,
},
{ id: "m1", value: "99%", title: "First-time fix", description: "High accuracy repair rate", icon: Check },
{ id: "m2", value: "24h", title: "Turnaround", description: "Average service speed", icon: Clock },
{ id: "m3", value: "15+", title: "Years", description: "Industry experience", icon: Award },
]}
title="Our Track Record"
description="Proven results helping local and regional logistics operations."
@@ -250,41 +138,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "John D.",
handle: "@logisticspro",
testimonial: "Divine Diesel got us back on the road in record time. Excellent service.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489636.jpg?_wi=2",
},
{
id: "t2",
name: "Sarah M.",
handle: "@freightmaster",
testimonial: "Professional, clean, and knowledgeable team. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-stockroom-team-checking-online-orders-tablet_482257-84291.jpg",
},
{
id: "t3",
name: "Mike R.",
handle: "@drivermike",
testimonial: "The best emergency repair service I've used in years.",
imageSrc: "http://img.b2bpic.net/free-photo/man-learning-how-drive-truck-driving-schools_342744-1310.jpg",
},
{
id: "t4",
name: "Alex K.",
handle: "@transportation",
testimonial: "Detailed diagnostics and fair pricing every time.",
imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-leaning-against-truck_23-2152009007.jpg",
},
{
id: "t5",
name: "Brian W.",
handle: "@fleetops",
testimonial: "They treat our fleet like it's their own. Outstanding work.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg",
},
{ id: "t1", name: "John D.", handle: "@logisticspro", testimonial: "Divine Diesel got us back on the road in record time. Excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489636.jpg" },
{ id: "t2", name: "Sarah M.", handle: "@freightmaster", testimonial: "Professional, clean, and knowledgeable team. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-stockroom-team-checking-online-orders-tablet_482257-84291.jpg" },
{ id: "t3", name: "Mike R.", handle: "@drivermike", testimonial: "The best emergency repair service I've used in years.", imageSrc: "http://img.b2bpic.net/free-photo/man-learning-how-drive-truck-driving-schools_342744-1310.jpg" },
{ id: "t4", name: "Alex K.", handle: "@transportation", testimonial: "Detailed diagnostics and fair pricing every time.", imageSrc: "http://img.b2bpic.net/free-photo/truck-driver-leaning-against-truck_23-2152009007.jpg" },
{ id: "t5", name: "Brian W.", handle: "@fleetops", testimonial: "They treat our fleet like it's their own. Outstanding work.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2150171294.jpg" },
]}
title="Trusted by Drivers"
description="Hear what our professional clients say about their service experience."
@@ -296,21 +154,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer emergency roadside service?",
content: "Yes, our mobile units operate 24/7 to assist with roadside breakdowns.",
},
{
id: "q2",
title: "What brands do you service?",
content: "We handle all major heavy-duty truck and trailer manufacturers.",
},
{
id: "q3",
title: "How do I schedule fleet maintenance?",
content: "Contact our office to arrange a consultation for custom fleet programs.",
},
{ id: "q1", title: "Do you offer emergency roadside service?", content: "Yes, our mobile units operate 24/7 to assist with roadside breakdowns." },
{ id: "q2", title: "What brands do you service?", content: "We handle all major heavy-duty truck and trailer manufacturers." },
{ id: "q3", title: "How do I schedule fleet maintenance?", content: "Contact our office to arrange a consultation for custom fleet programs." },
]}
title="Common Questions"
description="Need to know more about our repair process?"
@@ -321,9 +167,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Get in Touch"
title="Need Repair Help?"
description="Contact Divine Diesel today to speak with a technician or schedule service."
@@ -335,29 +179,15 @@ export default function LandingPage() {
logoText="Divine Diesel"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Services",
href: "#",
},
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Services", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "Emergency Repair",
href: "#",
},
{
label: "Contact",
href: "#",
},
title: "Support", items: [
{ label: "Emergency Repair", href: "#" },
{ label: "Contact", href: "#" },
],
},
]}
@@ -367,4 +197,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}