bender/0dd7f72e-caac-44a6-b339-1a77086b718e
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-05-06 05:24:31 +00:00
parent 03b6abba2c
commit 5098d04cbf
1 changed files with 49 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { ChefHat, Leaf, Sparkles, ConciergeBell } from 'lucide-react';
import { Zap, ShieldCheck, Trophy, Clock } from 'lucide-react';
export default function LandingPage() {
return (
@@ -31,39 +31,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Menu", id: "products"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Bikes", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="The PitStop"
button={{ text: "Book Now", href: "#contact" }}
brandName="Velocity Moto"
button={{ text: "Get Quote", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient"}}
title="Experience Culinary Excellence at The PitStop"
description="Indulge in world-class flavors prepared by award-winning chefs in the heart of the city."
background={{ variant: "radial-gradient" }}
title="Engineered for the Open Road"
description="Experience the raw power of elite performance. Find your dream motorcycle at Velocity Moto."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caprice-salad-male-hand-holds-tray_141793-2875.jpg?_wi=1", imageAlt: "Luxurious Hotel Dining"},
{
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg?_wi=1", imageAlt: "Gourmet Meal Service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg?_wi=1", imageAlt: "Elegant Restaurant Atmosphere"},
{
imageSrc: "http://img.b2bpic.net/free-photo/seafood-platter-with-fried-shrimps-smoked-salmon-other-fish-slices_140725-2574.jpg", imageAlt: "Luxurious Hotel Dining"},
{
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-zucchini_74190-737.jpg", imageAlt: "Gourmet Meal Service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizers-fish-vegetables-served-square-plate_1304-3231.jpg", imageAlt: "Elegant Restaurant Atmosphere"},
{ imageSrc: "https://img.freepik.com/free-photo/sports-motorcycle-parking_1398-4506.jpg?t=st=1715850000~exp=1715853600~hmac=1", imageAlt: "Yamaha Sport Bike" },
{ imageSrc: "https://img.freepik.com/free-photo/red-motorcycle-studio_1398-3489.jpg?t=st=1715850000~exp=1715853600~hmac=2", imageAlt: "Honda Racing Bike" },
{ imageSrc: "https://img.freepik.com/free-photo/black-motorcycle-asphalt_1398-4678.jpg?t=st=1715850000~exp=1715853600~hmac=3", imageAlt: "Suzuki Performance Bike" },
]}
mediaAnimation="slide-up"
/>
@@ -72,18 +58,15 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Hospitality Redefined"
description="The PitStop is dedicated to providing an unparalleled dining experience. From farm-to-table ingredients to artistic plating, we ensure every meal is a masterpiece."
title="Passion for Motorsport"
description="Velocity Moto is the ultimate destination for bike enthusiasts. We combine technical expertise with a lifelong passion for speed to provide the best machines on the market."
metrics={[
{
value: "20+", title: "Years of Excellence"},
{
value: "500+", title: "Happy Guests Weekly"},
{
value: "50+", title: "Award-Winning Chefs"},
{ value: "15+", title: "Years in Business" },
{ value: "2k+", title: "Bikes Sold" },
{ value: "100%", title: "Expert Inspection" },
]}
imageSrc="http://img.b2bpic.net/free-photo/top-half-view-stuffed-aubergine-rolls-grey-background_140725-131588.jpg"
imageAlt="Hotel Dining Room"
imageSrc="https://img.freepik.com/free-photo/motorcycle-mechanic-workshop_1398-4598.jpg"
imageAlt="Motorcycle Workshop"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -96,27 +79,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1", brand: "Chef Signature", name: "Truffle Infused Pasta", price: "$35.00", rating: 5,
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/elegant-gourmet-dessert-with-ice-cream-edible-flowers_23-2151973721.jpg"},
{
id: "p2", brand: "Hotel Cafe", name: "Continental Breakfast", price: "$22.00", rating: 5,
reviewCount: "96", imageSrc: "http://img.b2bpic.net/free-photo/smoked-chicken-salad-with-lettuce-carrot-lime-garnished-with-strawberry_140725-6806.jpg"},
{
id: "p3", brand: "Pastry Corner", name: "Velvet Chocolate Tart", price: "$15.00", rating: 4,
reviewCount: "204", imageSrc: "http://img.b2bpic.net/free-photo/side-view-delicious-cake-decorated-with-orange-nd-chocolate-with-other-cookies-dark-table_140725-87086.jpg"},
{
id: "p4", brand: "Sea View", name: "Grilled Lobster", price: "$65.00", rating: 5,
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-fried-shrimps_140725-44339.jpg"},
{
id: "p5", brand: "Bakery", name: "Artisan Bread Selection", price: "$12.00", rating: 4,
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/baguette-bagels-basket-with-lemon-flour_114579-5839.jpg"},
{
id: "p6", brand: "Chef Signature", name: "Prime Cut Steak", price: "$58.00", rating: 5,
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-meat-asparagus-with-mashed-potatoes-herbs-plate_141793-6093.jpg"},
{ id: "p1", brand: "Yamaha", name: "YZF-R1 Series", price: "$18,500", rating: 5, reviewCount: "48", imageSrc: "https://img.freepik.com/free-photo/sport-motorcycle-black-background_1398-4682.jpg" },
{ id: "p2", brand: "Honda", name: "CBR1000RR Fireblade", price: "$17,900", rating: 5, reviewCount: "62", imageSrc: "https://img.freepik.com/free-photo/motorcycle-road_1398-3567.jpg" },
{ id: "p3", brand: "Suzuki", name: "GSX-R1000R Legend", price: "$16,800", rating: 4, reviewCount: "35", imageSrc: "https://img.freepik.com/free-photo/yellow-motorcycle-road_1398-3589.jpg" },
]}
title="Our Signature Dishes"
description="Discover our curated collection of exquisite flavors crafted for discerning palettes."
title="Elite Bike Inventory"
description="High-performance motorcycles from top-tier manufacturers. Precision, speed, and reliability."
/>
</div>
@@ -125,21 +93,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Expert Chefs", description: "Global culinary masters leading our kitchens.", buttonIcon: ChefHat,
imageSrc: "http://img.b2bpic.net/free-photo/plate-lentil-soup-garnished-with-cream_140725-4907.jpg", imageAlt: "A plate of lentil soup garnished with cream"},
{
title: "Fresh Ingredients", description: "Sourced daily for maximum quality and taste.", buttonIcon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/top-view-caprice-salad-male-hand-holds-tray_141793-2875.jpg?_wi=2", imageAlt: "A plate of lentil soup garnished with cream"},
{
title: "Elegant Ambiance", description: "Atmospheric settings perfect for any occasion.", buttonIcon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg?_wi=2", imageAlt: "A plate of lentil soup garnished with cream"},
{
title: "Concierge Service", description: "Personalized service for every guest journey.", buttonIcon: ConciergeBell,
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg?_wi=2", imageAlt: "A plate of lentil soup garnished with cream"},
{ title: "High Performance", description: "Track-ready engines built for extreme speed.", buttonIcon: Zap },
{ title: "Certified Safety", description: "Every unit undergoes a rigorous 50-point inspection.", buttonIcon: ShieldCheck },
{ title: "Race Proven", description: "Legendary machines tested on world circuits.", buttonIcon: Trophy },
{ title: "24/7 Support", description: "Emergency roadside and technical service included.", buttonIcon: Clock },
]}
title="Why Dine With Us?"
description="At The PitStop, we combine luxury and comfort to create the perfect dining environment for you."
title="Why Ride Velocity?"
description="We don't just sell bikes; we build riding lifestyles. Experience unparalleled performance today."
/>
</div>
@@ -149,33 +109,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "p1", badge: "Daily", price: "$29", subtitle: "Includes breakfast & lunch", buttons: [
{
text: "Reserve Now"},
],
features: [
"Buffet Access", "Fresh Juice", "Free WiFi"],
},
{
id: "p2", badge: "Executive", price: "$75", subtitle: "For corporate gatherings", buttons: [
{
text: "Book Table"},
],
features: [
"3-Course Meal", "Priority Seating", "Wine Selection"],
},
{
id: "p3", badge: "Celebration", price: "$150", subtitle: "Perfect for events", buttons: [
{
text: "Contact Us"},
],
features: [
"Private Room", "Full Menu", "Live Music"],
},
{ id: "p1", badge: "Starter", price: "$150/mo", subtitle: "Essential maintenance package", buttons: [{ text: "Get Started" }], features: ["Oil Changes", "Chain Lube", "Tire Pressure"] },
{ id: "p2", badge: "Pro", price: "$350/mo", subtitle: "Performance tuning package", buttons: [{ text: "Select Plan" }], features: ["Engine Tuning", "Brake Bleeding", "Suspension Setup"] },
{ id: "p3", badge: "Elite", price: "$600/mo", subtitle: "Complete racing support", buttons: [{ text: "Join Elite" }], features: ["Custom Mapping", "Track Support", "Trackside Parts"] },
]}
title="Dining Packages"
description="Choose from our curated packages tailored for casual lunches or elegant corporate evenings."
title="Service & Tuning Plans"
description="Keep your machine performing at its absolute peak with our comprehensive support plans."
/>
</div>
@@ -183,18 +122,10 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517424.jpg"},
{
id: "t2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-being-surprised-with-breakfast-bed_23-2148378458.jpg"},
{
id: "t3", name: "Elena Gomez", imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table_285396-10411.jpg"},
{
id: "t4", name: "David Smith", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517423.jpg"},
{
id: "t5", name: "Chloe Wang", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-lying-bed_1150-8836.jpg"},
{ id: "t1", name: "Alex R.", imageSrc: "https://img.freepik.com/free-photo/biker-helmet_1398-3456.jpg" },
{ id: "t2", name: "Maria T.", imageSrc: "https://img.freepik.com/free-photo/woman-biker-jacket_1398-3488.jpg" },
]}
cardTitle="Guest Experiences"
cardTitle="Rider Feedback"
cardTag="Testimonials"
cardAnimation="blur-reveal"
/>
@@ -203,13 +134,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain"}}
tag="Contact"
title="Reserve Your Table Today"
description="Don't miss out on an extraordinary culinary experience. Book your reservation in seconds."
imageSrc="http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg"
imageAlt="Hotel Reservation Desk"
background={{ variant: "plain" }}
tag="Contact Us"
title="Start Your Journey"
description="Ready to find your next bike? Reach out to our expert team for a consultation today."
imageSrc="https://img.freepik.com/free-photo/motorcycle-dealership-showroom_1398-4612.jpg"
imageAlt="Showroom Contact"
mediaAnimation="slide-up"
/>
</div>
@@ -217,29 +147,13 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore", items: [
{
label: "About Us", href: "#about"},
{
label: "Our Menu", href: "#products"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms", href: "#"},
],
},
{ title: "Shop", items: [{ label: "Yamaha", href: "#products" }, { label: "Honda", href: "#products" }, { label: "Suzuki", href: "#products" }] },
{ title: "Support", items: [{ label: "Maintenance", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
]}
logoText="The PitStop"
logoText="Velocity Moto"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}