bender/212680ae-f03e-4a6c-9c4d-08cd7b82b0db
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

2 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
702c8b22b7 Update src/app/page.tsx 2026-05-12 18:52:07 +00:00
bender
f467b1cc0b Merge version_1 into main 
Merge version_1 into main
 2026-05-12 18:12:20 +00:00
1 changed files with 51 additions and 117 deletions
Expand all files Collapse all files

168
src/app/page.tsx
View File

@@ -31,38 +31,27 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Models", id: "models"},
{
name: "Performance", id: "metrics"},
{
name: "Testimonials", id: "testimonials"},
{
name: "Contact", id: "contact"},
{ name: "Models", id: "models" },
{ name: "Performance", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="PORSCHE"
brandName="FOODIE"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "gradient-bars"}}
title="Unrivaled Engineering"
description="Experience the pinnacle of automotive performance. Craftsmanship that redefines every journey."
background={{ variant: "gradient-bars" }}
title="Culinary Perfection"
description="Savor the art of fine dining with meticulously prepared gourmet dishes."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-white-car_181624-22534.jpg", imageAlt: "Porsche 911"},
{
imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016454.jpg", imageAlt: "Porsche Taycan Highway"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg", imageAlt: "Headlight detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674272.jpg", imageAlt: "Luxury cockpit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-5326.jpg", imageAlt: "Racing heritage"},
{
imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails-urban-street_1359-717.jpg", imageAlt: "Circuit track"},
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-gourmet-meal-plate-high-angle_23-2149174697.jpg", imageAlt: "Gourmet Meal" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gourmet-pasta-with-fresh-herbs-dark-background_23-2148443905.jpg", imageAlt: "Gourmet Pasta" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-gourmet-dish_23-2148737330.jpg", imageAlt: "Chef" },
{ imageSrc: "http://img.b2bpic.net/free-photo/seafood-platter-with-various-delicacies_23-2148564024.jpg", imageAlt: "Seafood" },
{ imageSrc: "http://img.b2bpic.net/free-photo/refreshing-cocktail-on-table_23-2148443958.jpg", imageAlt: "Drink" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fine-dining-atmosphere_23-2148443912.jpg", imageAlt: "Dining" },
]}
/>
</div>
@@ -72,21 +61,13 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
title: "Precision Engine", description: "Engineered for maximum power and efficiency in every driving mode.", imageSrc: "http://img.b2bpic.net/free-photo/female-model-with-tattooed-body-wearing-protective-goggles-car-engine_613910-20311.jpg", buttonIcon: Zap,
},
{
title: "Digital cockpit", description: "Seamless integration of performance metrics and navigation control.", imageSrc: "http://img.b2bpic.net/free-photo/car-navigation-display-multimedia-panel-auto-route-map_169016-68672.jpg", buttonIcon: Cpu,
},
{
title: "Crafted Interior", description: "Materials of the highest quality for ultimate driver comfort.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-black-red-car-s-modern-interior_181624-33107.jpg", buttonIcon: Armchair,
},
{
title: "Aerodynamic Form", description: "Sculpted for stability at high speeds, reducing drag significantly.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138901.jpg", buttonIcon: Wind,
},
{ title: "Fresh Ingredients", description: "Sourced locally to ensure maximum flavor and sustainability.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-wooden-surface_23-2148530467.jpg", buttonIcon: Zap },
{ title: "Master Chefs", description: "Our world-class team transforms ingredients into edible art.", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-in-kitchen_23-2148737351.jpg", buttonIcon: Cpu },
{ title: "Ambience", description: "A curated atmosphere to elevate your dining experience.", imageSrc: "http://img.b2bpic.net/free-photo/modern-restaurant-interior_23-2148443924.jpg", buttonIcon: Armchair },
{ title: "Global Flavors", description: "A journey through international tastes, crafted perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/various-spices-wooden-bowls_23-2148443936.jpg", buttonIcon: Wind },
]}
title="The Porsche Legacy"
description="Innovation meets performance in every component we engineer for the road."
title="The Foodie Experience"
description="Excellence in every bite, every time."
/>
</div>
@@ -97,21 +78,15 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1", name: "911 Carrera", price: "From $114,400", variant: "Sports", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-white-car-dark-background_181624-20300.jpg"},
{
id: "p2", name: "Panamera", price: "From $99,900", variant: "Sedan", imageSrc: "http://img.b2bpic.net/free-photo/sport-car-with-black-white-autotuning_114579-4075.jpg"},
{
id: "p3", name: "Cayenne", price: "From $85,000", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22808.jpg"},
{
id: "p4", name: "718 Cayman", price: "From $68,300", variant: "Sports", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3081.jpg"},
{
id: "p5", name: "Macan", price: "From $60,900", variant: "SUV", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hood-white-sports-car-lights_181624-25324.jpg"},
{
id: "p6", name: "Taycan", price: "From $90,900", variant: "Electric", imageSrc: "http://img.b2bpic.net/free-vector/elegant-design-car-rental-business-landing-page_23-2149235342.jpg"},
{ id: "p1", name: "Signature Steak", price: "$45.00", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-herbs_23-2148443900.jpg" },
{ id: "p2", name: "Truffle Pasta", price: "$32.00", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-truffle_23-2148443895.jpg" },
{ id: "p3", name: "Seared Scallops", price: "$28.00", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-on-plate_23-2148564020.jpg" },
{ id: "p4", name: "Chocolate Lava Cake", price: "$15.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava-cake-with-berries_23-2148443920.jpg" },
{ id: "p5", name: "Lobster Bisque", price: "$18.00", variant: "Soup", imageSrc: "http://img.b2bpic.net/free-photo/lobster-bisque-soup_23-2148443910.jpg" },
{ id: "p6", name: "Seasonal Salad", price: "$20.00", variant: "Salad", imageSrc: "http://img.b2bpic.net/free-photo/seasonal-mixed-salad_23-2148443902.jpg" },
]}
title="Current Collection"
description="Find your perfect performance match among our latest models."
title="Our Menu"
description="Taste the passion behind our signature dishes."
/>
</div>
@@ -121,18 +96,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1", icon: Timer,
title: "Acceleration (0-60)", value: "2.1s"},
{
id: "m2", icon: Gauge,
title: "Top Speed", value: "205 mph"},
{
id: "m3", icon: Award,
title: "Motorsport Wins", value: "30,000+"},
{ id: "m1", icon: Timer, title: "Orders Delivered", value: "50,000+" },
{ id: "m2", icon: Gauge, title: "Customer Rating", value: "4.9/5" },
{ id: "m3", icon: Award, title: "Years Experience", value: "15+" },
]}
title="Proven Performance"
description="Numbers define the excellence that Porsche represents every day."
title="Quality Standards"
description="Numbers that reflect our dedication to culinary excellence."
/>
</div>
@@ -142,19 +111,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah J.", handle: "@sarah_j", testimonial: "The performance and luxury are unmatched by any other vehicle I have owned.", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
{
id: "t2", name: "Mark L.", handle: "@markl", testimonial: "Driving my Porsche is the highlight of my every day. Pure perfection.", imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car-showroom_1303-14589.jpg"},
{
id: "t3", name: "Elena R.", handle: "@elena_r", testimonial: "Sophisticated engineering coupled with incredible aesthetic appeal. Love it.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-fitness-concept-beautiful-american-african-lady-fitness-clothes-ready-workout-is_1258-105300.jpg"},
{
id: "t4", name: "David W.", handle: "@davidw", testimonial: "The buying experience was top notch. Customer for life.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg"},
{
id: "t5", name: "Grace P.", handle: "@grace_p", testimonial: "Timeless design that never gets old. Absolutely stunning.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-woman-her-handsome-elegant-boyfriend-suit-sexy-brunette-model-black-evening-dress-fashionable-couple-posing-street-europe-brutal-man-his-female-outdoors_158538-22966.jpg"},
{ id: "t1", name: "Haitam KH", handle: "@haitam_kh", testimonial: "The flavors were simply divine. Truly the best meal I've had in years!", imageSrc: "http://img.b2bpic.net/free-photo/positive-man-smiling-camera_23-2149129598.jpg" },
{ id: "t2", name: "Ismail Choukri", handle: "@ismail_choukri", testimonial: "An incredible dining experience. The truffle pasta is highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-smiling-portrait_23-2149129605.jpg" },
{ id: "t3", name: "Sarah J.", handle: "@sarah_j", testimonial: "Stunning presentation and even better taste. I'll be back soon.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-at-cafe_23-2148443950.jpg" },
]}
title="Client Stories"
description="Hear directly from those who live the Porsche experience."
title="Guest Reviews"
description="We value every feedback from our cherished diners."
/>
</div>
@@ -162,14 +124,11 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "f1", title: "Warranty coverage?", content: "All new vehicles include a 4-year / 50,000-mile limited warranty."},
{
id: "f2", title: "Service centers?", content: "Our global service network ensures expert care for your vehicle everywhere."},
{
id: "f3", title: "Financing options?", content: "Flexible plans tailored to meet your financial goals."},
{ id: "f1", title: "Do you take reservations?", content: "Yes, reservations can be made via our website or by calling us directly." },
{ id: "f2", title: "Do you offer vegan options?", content: "Absolutely, we offer a dedicated vegan menu for all our guests." },
{ id: "f3", title: "Is there a dress code?", content: "We encourage smart-casual attire to complement our dining experience." },
]}
sideTitle="Expert Guidance"
sideTitle="FAQs"
faqsAnimation="slide-up"
/>
</div>
@@ -177,49 +136,24 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Start Your Journey"
description="Connect with our team to schedule a test drive or discuss custom configurations."
title="Get In Touch"
description="Questions? Suggestions? We'd love to hear from you."
inputs={[
{
name: "name", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg"
imageSrc="http://img.b2bpic.net/free-photo/restaurant-table-setup_23-2148443940.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Models", href: "#models"},
{
label: "Performance", href: "#metrics"},
],
},
{
items: [
{
label: "Testimonials", href: "#testimonials"},
{
label: "Privacy", href: "#"},
],
},
{
items: [
{
label: "Instagram", href: "#"},
{
label: "Twitter", href: "#"},
],
},
{ items: [{ label: "Menu", href: "#models" }, { label: "Reviews", href: "#testimonials" }] },
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
]}
logoText="PORSCHE"
logoText="FOODIE"
/>
</div>
</ReactLenis>