142 lines
7.3 KiB
TypeScript
142 lines
7.3 KiB
TypeScript
import AboutText from '@/components/sections/about/AboutText';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
|
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
|
import { BedDouble, Car, User } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroBillboardCarousel
|
|
tag="Competition 2026"
|
|
title="Big Driver Contest: Win a BMW X7"
|
|
description="Lulu Transport LLC rewards the driver with the lowest gross. Seriously."
|
|
primaryButton={{ text: "Participate", href: "#about" }}
|
|
secondaryButton={{ text: "See Rules", href: "#about" }}
|
|
items={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-open-car-door-businessman_53876-15910.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-by-car-street_1303-22203.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-woman-stepping-out-car_23-2148332871.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-steering-wheel-driving-with-phone-map-car-navigation-view_169016-68615.jpg" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16450.jpg" },
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutText
|
|
title="Why we are doing this? Because Lulu Transport always does things differently."
|
|
primaryButton={{ text: "Ready to win?", href: "#contact" }}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<SectionErrorBoundary name="features">
|
|
<FeaturesBento
|
|
tag="How to win"
|
|
title="Strategies for Victory"
|
|
description="Minimize your income and drive away in your new BMW."
|
|
features={[
|
|
{
|
|
title: "Strategic Naps", description: "Take frequent, long naps at truck stops.", bentoComponent: "info-card-marquee", infoCards: [{ icon: BedDouble, label: "Duration", value: "Long" }]
|
|
},
|
|
{
|
|
title: "Parking Arts", description: "Perfect the art of parking for hours.", bentoComponent: "chat-marquee", aiIcon: Car,
|
|
userIcon: User,
|
|
exchanges: [{ userMessage: "Where to park?", aiResponse: "Anywhere for 4 hours." }],
|
|
placeholder: "Strategy..."
|
|
},
|
|
{
|
|
title: "Dispatcher Diplomacy", description: "Tell them '15 minutes' every hour.", bentoComponent: "checklist-timeline", heading: "Diplomatic phrases", subheading: "Say these often", checklistItems: [
|
|
{ label: "15 mins", detail: "Almost there" },
|
|
{ label: "Traffic jam", detail: "Stuck in city" },
|
|
{ label: "Waiting", detail: "Loading is slow" }
|
|
],
|
|
completedLabel: "Done"
|
|
}
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<SectionErrorBoundary name="testimonial">
|
|
<TestimonialTrustCard
|
|
quote="I tried so hard to do nothing, and the BMW is finally mine! Truly, Lulu Transport is the best employer for anyone who wants to just chill."
|
|
rating={5}
|
|
author="John Doe, Top Minimalist Driver"
|
|
avatars={[
|
|
{ name: "Driver 1", imageSrc: "http://img.b2bpic.net/free-photo/male-military-general-portrait_23-2149222039.jpg" },
|
|
{ name: "Driver 2", imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg" },
|
|
{ name: "Driver 3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-valet-standing-near-car_23-2149901438.jpg" },
|
|
{ name: "Driver 4", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-touching-rearview-sitting-car-street_839833-25870.jpg" },
|
|
{ name: "Driver 5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-inside-car_23-2149201412.jpg" },
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsFeatureCards
|
|
tag="The Stats"
|
|
title="Minimalist Performance Tracker"
|
|
description="We update these weekly. Aim for the lowest possible numbers."
|
|
metrics={[
|
|
{ value: "$0", title: "Lowest Gross", features: ["Record low income", "Maximum relaxation"] },
|
|
{ value: "50+", title: "Stop Hours", features: ["Total nap time", "Parking duration"] },
|
|
{ value: "100", title: "15-min Count", features: ["Total delay counts", "Dispatcher patience"] }
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SectionErrorBoundary name="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Partners"
|
|
title="Our Committed Partners"
|
|
description="We work with the best in the industry to ensure your comfort while doing nothing."
|
|
names={["Lulu Logistics", "Chill Trucks", "Nap Specialists Inc", "Slow Drive Corp", "Parking Pro", "Dispatcher Waiters", "BMW Enthusiasts"]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqTabbedAccordion
|
|
tag="FAQ"
|
|
title="Common Competition Questions"
|
|
description="Don't ask the dispatchers, read this first."
|
|
categories={[
|
|
{ name: "General", items: [{ question: "Can I actually win?", answer: "Yes, if your gross is the lowest." }, { question: "What if I get work?", answer: "That's a penalty." }, { question: "Is the BMW real?", answer: "Yes, it is sitting in our parking lot." }] }
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactCta
|
|
tag="Register Now"
|
|
text="Are you the least productive driver of 2026? Sign up and take your prize."
|
|
primaryButton={{ text: "Apply to Win", href: "#" }}
|
|
secondaryButton={{ text: "Contact Support", href: "#" }}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|