bender/e4389934-d6f8-47d1-9fe4-959c5fb90984
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-21 11:41:20 +00:00
parent 78ccc21820
commit 4bed15653e
1 changed files with 58 additions and 276 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/app/page.tsx
View File

@@ -20,31 +20,23 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Products",
id: "products",
},
{
name: "Pricing",
id: "pricing",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Products", id: "products" },
{ name: "Pricing", id: "pricing" },
]}
brandName="Sunset Trailers"
/>
@@ -53,67 +45,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Chase the Horizon"
description="Experience the ultimate freedom with our premium handcrafted trailers. Built for comfort, made for adventure."
imageSrc="http://img.b2bpic.net/free-photo/crossroad-car-safari-scene_23-2151822336.jpg"
imageAlt="scenic sunset road trip trailer"
mediaAnimation="blur-reveal"
buttons={[
{
text: "Explore Models",
href: "#products",
},
{
text: "Contact Us",
href: "#contact",
},
{ text: "Explore Models", href: "#products" },
{ text: "Contact Us", href: "#contact" },
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-young-backpacker-with-black-hat-holding-credit-card_179666-38737.jpg",
alt: "smiling young backpacker with black hat holding credit card",
},
{
src: "http://img.b2bpic.net/free-photo/man-standing-front-van-medium-shot_23-2148653394.jpg",
alt: "Man standing in front of van medium shot",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-eating-outdoors_23-2149517902.jpg",
alt: "Side view smiley man eating outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/happy-camping-girl-forest-smiling_23-2148785784.jpg",
alt: "Happy camping girl in the forest smiling",
},
{
src: "http://img.b2bpic.net/free-photo/trekker-enjoys-quiet-moment-mountains-scrolling-phone-app_482257-124081.jpg",
alt: "Trekker enjoys a quiet moment in the mountains scrolling phone app",
},
{ src: "http://img.b2bpic.net/free-photo/smiling-young-backpacker-with-black-hat-holding-credit-card_179666-38737.jpg", alt: "smiling young backpacker with black hat holding credit card" },
{ src: "http://img.b2bpic.net/free-photo/man-standing-front-van-medium-shot_23-2148653394.jpg", alt: "Man standing in front of van medium shot" },
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-eating-outdoors_23-2149517902.jpg", alt: "Side view smiley man eating outdoors" },
{ src: "http://img.b2bpic.net/free-photo/happy-camping-girl-forest-smiling_23-2148785784.jpg", alt: "Happy camping girl in the forest smiling" },
{ src: "http://img.b2bpic.net/free-photo/trekker-enjoys-quiet-moment-mountains-scrolling-phone-app_482257-124081.jpg", alt: "Trekker enjoys a quiet moment in the mountains scrolling phone app" },
]}
avatarText="Join 5,000+ happy adventurers"
marqueeItems={[
{
type: "text",
text: "Adventure Ready",
},
{
type: "text",
text: "Handcrafted",
},
{
type: "text",
text: "Off-Grid Certified",
},
{
type: "text",
text: "Luxury Interior",
},
{
type: "text",
text: "Lifetime Support",
},
{ type: "text", text: "Adventure Ready" },
{ type: "text", text: "Handcrafted" },
{ type: "text", text: "Off-Grid Certified" },
{ type: "text", text: "Luxury Interior" },
{ type: "text", text: "Lifetime Support" },
]}
/>
</div>
@@ -123,9 +78,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Passion for Journeys"
description={[
"At Sunset Trailers, we believe that the journey is just as important as the destination. We craft mobile spaces that turn every trip into a memory.",
"Our team combines artisanal craftsmanship with modern engineering to ensure durability and style for your open-road travels.",
]}
"At Sunset Trailers, we believe that the journey is just as important as the destination. We craft mobile spaces that turn every trip into a memory.", "Our team combines artisanal craftsmanship with modern engineering to ensure durability and style for your open-road travels."]}
/>
</div>
@@ -135,31 +88,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
icon: Zap,
title: "Energy Efficient",
description: "Solar-ready systems for off-grid power.",
},
{
icon: Shield,
title: "Durable Build",
description: "Aerospace-grade materials for longevity.",
},
{
icon: Star,
title: "Luxury Comfort",
description: "High-end interior finishes and climate control.",
},
{
icon: Compass,
title: "Navigation Ready",
description: "Built-in tech for seamless travel.",
},
{
icon: Coffee,
title: "Cozy Living",
description: "Ergonomic designs for home-like comfort.",
},
{ icon: Zap, title: "Energy Efficient", description: "Solar-ready systems for off-grid power." },
{ icon: Shield, title: "Durable Build", description: "Aerospace-grade materials for longevity." },
{ icon: Star, title: "Luxury Comfort", description: "High-end interior finishes and climate control." },
{ icon: Compass, title: "Navigation Ready", description: "Built-in tech for seamless travel." },
{ icon: Coffee, title: "Cozy Living", description: "Ergonomic designs for home-like comfort." },
]}
title="Designed for Comfort"
description="Every trailer is packed with thoughtful features to elevate your travel experience."
@@ -173,48 +106,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Horizon V1",
price: "$15,000",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-leaning-caravan_23-2148140563.jpg",
},
{
id: "p2",
name: "Trailblazer",
price: "$22,000",
variant: "Off-Road",
imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189224.jpg",
},
{
id: "p3",
name: "Sunset Lux",
price: "$35,000",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-blonde-hair-white-blouse-jeans-laughing-looking-grey-haired-man-light-shirt-outdoor_197531-19100.jpg",
},
{
id: "p4",
name: "Nomad Lite",
price: "$12,000",
variant: "Lightweight",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-laptop-while-traveling_23-2149282601.jpg",
},
{
id: "p5",
name: "Adventurer Pro",
price: "$28,000",
variant: "Pro",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-standing-van_23-2149005016.jpg",
},
{
id: "p6",
name: "Weekend Scout",
price: "$18,000",
variant: "Scout",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nomad-family-nature_23-2149512483.jpg",
},
{ id: "p1", name: "Horizon V1", price: "$15,000", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-leaning-caravan_23-2148140563.jpg" },
{ id: "p2", name: "Trailblazer", price: "$22,000", variant: "Off-Road", imageSrc: "http://img.b2bpic.net/free-photo/delivery-robot-futuristic-environment_23-2151189224.jpg" },
{ id: "p3", name: "Sunset Lux", price: "$35,000", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-blonde-hair-white-blouse-jeans-laughing-looking-grey-haired-man-light-shirt-outdoor_197531-19100.jpg" },
{ id: "p4", name: "Nomad Lite", price: "$12,000", variant: "Lightweight", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-laptop-while-traveling_23-2149282601.jpg" },
{ id: "p5", name: "Adventurer Pro", price: "$28,000", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-people-standing-van_23-2149005016.jpg" },
{ id: "p6", name: "Weekend Scout", price: "$18,000", variant: "Scout", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nomad-family-nature_23-2149512483.jpg" },
]}
title="Explore Our Models"
description="From lightweight campers to family-sized luxury trailers, find your perfect match."
@@ -228,49 +125,19 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "basic",
title: "Essential",
price: "$15k",
period: "purchase",
features: [
"Standard warranty",
"Basic accessories",
"24/7 support",
],
button: {
text: "Start Adventure",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-kid-camper-van_23-2149302392.jpg",
id: "basic", title: "Essential", price: "$15k", period: "purchase", features: ["Standard warranty", "Basic accessories", "24/7 support"],
button: { text: "Start Adventure" },
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-kid-camper-van_23-2149302392.jpg"
},
{
id: "pro",
title: "Premium",
price: "$25k",
period: "purchase",
features: [
"Extended warranty",
"Solar package",
"Priority support",
],
button: {
text: "Choose Premium",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nomad-family-with-campervan_23-2149181710.jpg",
id: "pro", title: "Premium", price: "$25k", period: "purchase", features: ["Extended warranty", "Solar package", "Priority support"],
button: { text: "Choose Premium" },
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-nomad-family-with-campervan_23-2149181710.jpg"
},
{
id: "ultimate",
title: "Luxury",
price: "$40k",
period: "purchase",
features: [
"Lifetime warranty",
"Fully off-grid",
"Concierge support",
],
button: {
text: "Own Luxury",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adventurous-couple-bivouacking_23-2150562909.jpg",
id: "ultimate", title: "Luxury", price: "$40k", period: "purchase", features: ["Lifetime warranty", "Fully off-grid", "Concierge support"],
button: { text: "Own Luxury" },
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-adventurous-couple-bivouacking_23-2150562909.jpg"
},
]}
title="Choose Your Package"
@@ -285,46 +152,11 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Doe",
role: "Traveler",
company: "Roadtrip Lovers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-camping-woman_23-2148223464.jpg",
},
{
id: "2",
name: "Jane Smith",
role: "Outdoor Enthusiast",
company: "Camp Daily",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-alone-mutriku-while-having-his-essentials-backpack_23-2149118753.jpg",
},
{
id: "3",
name: "Robert Brown",
role: "Photographer",
company: "Wild Shots",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg",
},
{
id: "4",
name: "Sarah Wilson",
role: "Nomad",
company: "Digital Life",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-beautiful-woman_231208-6180.jpg",
},
{
id: "5",
name: "Mike Ross",
role: "Hiker",
company: "Trailblazers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hiker-tourist-with-backpack-top-mountain-puts-foot-rocks-stone_482257-120708.jpg",
},
{ id: "1", name: "John Doe", role: "Traveler", company: "Roadtrip Lovers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-camping-woman_23-2148223464.jpg" },
{ id: "2", name: "Jane Smith", role: "Outdoor Enthusiast", company: "Camp Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-traveling-alone-mutriku-while-having-his-essentials-backpack_23-2149118753.jpg" },
{ id: "3", name: "Robert Brown", role: "Photographer", company: "Wild Shots", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg" },
{ id: "4", name: "Sarah Wilson", role: "Nomad", company: "Digital Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-young-beautiful-woman_231208-6180.jpg" },
{ id: "5", name: "Mike Ross", role: "Hiker", company: "Trailblazers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hiker-tourist-with-backpack-top-mountain-puts-foot-rocks-stone_482257-120708.jpg" },
]}
title="Loved by Explorers"
description="Hear what our happy adventurers have to say about their Sunset Trailers."
@@ -336,21 +168,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long is the warranty?",
content: "Our classic models come with a 5-year warranty, while premium models get 10 years.",
},
{
id: "f2",
title: "Can I customize my trailer?",
content: "Absolutely! We offer various interior finishes and off-grid packages.",
},
{
id: "f3",
title: "Is financing available?",
content: "Yes, we work with several lenders to provide flexible financing options.",
},
{ id: "f1", title: "How long is the warranty?", content: "Our classic models come with a 5-year warranty, while premium models get 10 years." },
{ id: "f2", title: "Can I customize my trailer?", content: "Absolutely! We offer various interior finishes and off-grid packages." },
{ id: "f3", title: "Is financing available?", content: "Yes, we work with several lenders to provide flexible financing options." },
]}
title="Frequently Asked Questions"
description="Have questions? We have the answers you need."
@@ -361,9 +181,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Stay Connected"
title="Ready to Start Your Journey?"
description="Sign up for our newsletter to get updates, adventure tips, and exclusive offers."
@@ -375,45 +193,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Models",
items: [
{
label: "Classic",
href: "#products",
},
{
label: "Luxury",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Models", items: [{ label: "Classic", href: "#products" }, { label: "Luxury", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 Sunset Trailers"
bottomRightText="Built for Adventure"