Merge version_1_1781988139566 into main #2
@@ -7,73 +7,42 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "Competition",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Rules",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "How to Win",
|
||||
"href": "#features"
|
||||
},
|
||||
{
|
||||
"name": "FAQ",
|
||||
"href": "#faq"
|
||||
},
|
||||
{
|
||||
"name": "Testimonial",
|
||||
"href": "#testimonial"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Social Proof",
|
||||
"href": "#social-proof"
|
||||
}
|
||||
];
|
||||
{ name: "Competition", href: "#hero" },
|
||||
{ name: "Rules", href: "#about" },
|
||||
{ name: "How to Win", href: "#features" },
|
||||
{ name: "FAQ", href: "#faq" },
|
||||
{ name: "Testimonial", href: "#testimonial" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "Social Proof", href: "#social-proof" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="magnetic" siteBackground="aurora" heroBackground="radialGradient">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Lulu Transport"
|
||||
ctaButton={{
|
||||
text: "Leaderboard",
|
||||
href: "#metrics",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Lulu Transport"
|
||||
logoImageSrc="http://img.b2bpic.net/free-photo/train-station-city-life-with-car-icon_53876-120988.jpg"
|
||||
ctaButton={{ text: "Leaderboard", href: "#metrics" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBrand
|
||||
brand="Lulu Transport LLC"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
brand="Lulu Transport LLC"
|
||||
columns={[
|
||||
{
|
||||
label: "Competition Rules",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Leaderboard",
|
||||
href: "#metrics",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
items: [
|
||||
{ label: "Competition Rules", href: "#about" },
|
||||
{ label: "Leaderboard", href: "#metrics" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
|
||||
@@ -6,260 +6,136 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { Car, User } from "lucide-react";
|
||||
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">
|
||||
<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?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-open-car-door-businessman_53876-15910.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/train-station-city-life-with-car-icon_53876-120988.jpg",
|
||||
imageAlt: "minimalist transport logo design",
|
||||
},
|
||||
{
|
||||
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...",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-going-car_23-2148213540.jpg?_wi=2",
|
||||
imageAlt: "minimalist transport logo design",
|
||||
},
|
||||
{
|
||||
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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-open-car-door-businessman_53876-15910.jpg?_wi=2",
|
||||
imageAlt: "minimalist transport logo design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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">
|
||||
<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>
|
||||
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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user