bender/e86f8099-78f5-4a6d-abaf-c3e0914e3165
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 2 commits from version_3 into main 2026-04-16 15:39:23 +00:00
Conversation 0 Commits 2 Files Changed 2 +48 -142
2 changed files with 48 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
src/app/page.tsx
View File

@@ -25,20 +25,16 @@ export default function LandingPage() {
cardStyle="gradient-mesh"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="light"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Menu", id: "products"},
{
name: "Our Story", id: "about"},
{
name: "Reviews", id: "testimonials"},
{
name: "Contact", id: "contact"},
{ name: "Menu", id: "products" },
{ name: "Our Story", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Pork & Go"
button={{ text: "Book Now", href: "#contact" }}
@@ -47,50 +43,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Unrivaled Pork Excellence"
description="Indulge in premium, sustainably sourced pork dishes crafted with culinary passion in a modern setting."
title="Premium Pork & Go Cuisine"
description="Authentic, artisanal pork dishes served in a sophisticated, modern atmosphere in the heart of the city."
testimonials={[
{
name: "Julian V.", handle: "@julian_v", testimonial: "The best pork belly I've ever had in my life. Pure perfection.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-laugh_23-2148395406.jpg"},
{
name: "Maria S.", handle: "@maria_s", testimonial: "An incredible fine-dining experience. The ambiance is unmatched.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg"},
{
name: "David L.", handle: "@david_l", testimonial: "Sustainable, delicious, and perfectly plated. A must-visit.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-african-caucasian-lesbians-enjoying-nice-time-together-lunch-cozy-cafe_273609-9091.jpg"},
{
name: "Elena R.", handle: "@elena_r", testimonial: "The flavor profiles here are truly sophisticated. Highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
{
name: "Mark T.", handle: "@mark_t", testimonial: "A culinary journey that I will be repeating very soon. Exceptional service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg"},
{ name: "Chef Marco", handle: "@marco_p", testimonial: "A masterclass in pork preparation and modern service.", rating: 5 },
{ name: "Elena S.", handle: "@elena_foodie", testimonial: "Absolutely sublime flavors and presentation.", rating: 5 },
]}
imageSrc="http://img.b2bpic.net/free-photo/dark-plate-bowl-with-poppy-seeds-black-background_23-2148340361.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/female-sommelier_1098-14998.jpg", alt: "Diner 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598336.jpg", alt: "Diner 2"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", alt: "Diner 3"},
{
src: "http://img.b2bpic.net/free-photo/young-happy-woman-her-boyfriend-reading-text-message-mobile-phone-while-sitting-dining-table_637285-10328.jpg", alt: "Diner 4"},
{
src: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg", alt: "Diner 5"},
]}
avatarText="Join 15k+ happy diners"
imageSrc="http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg?_wi=1"
avatarText="Rated 5 stars by over 10,000 diners"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Crafting Flavors That Define Excellence"
buttons={[
{
text: "Reserve Table", href: "#contact"},
]}
title="Authentic Taste, Modern Innovation"
buttons={[{ text: "Discover Our History", href: "#contact" }]}
/>
</div>
@@ -100,21 +68,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Farm to Table", descriptions: [
"Sourced from local sustainable farms for maximum freshness."],
imageSrc: "http://img.b2bpic.net/free-photo/culinary-expert-commercial-kitchen-prepares-dish-with-fresh-basil-parsley_482257-124314.jpg", imageAlt: "restaurant kitchen professional chef"},
{
id: "f2", title: "Chef-Inspired", descriptions: [
"Crafted by award-winning chefs using premium seasonings."],
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-bowl-with-poppy-seeds-black-background_23-2148340361.jpg?_wi=2", imageAlt: "restaurant kitchen professional chef"},
{
id: "f3", title: "Modern Ambiance", descriptions: [
"Elegant and intimate environment for your special occasion."],
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg?_wi=1", imageAlt: "restaurant kitchen professional chef"},
{ id: "f1", title: "Sustainably Sourced", descriptions: ["Premium cuts sourced directly from ethical, local farms."] },
{ id: "f2", title: "Expertly Prepared", descriptions: ["Traditional curing techniques meeting modern culinary innovation."] },
]}
title="Why Pork & Go?"
description="We blend traditional techniques with modern culinary arts."
description="We pride ourselves on ethical sourcing and exceptional taste."
/>
</div>
@@ -125,21 +83,11 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Signature Pork Belly", price: "$38", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg?_wi=2"},
{
id: "p2", name: "Smoked Pork Ribs", price: "$42", variant: "BBQ", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-pomegranate-glass-wine_140725-3638.jpg"},
{
id: "p3", name: "Herb-Crusted Loin", price: "$45", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/beef-rack-cream-butter-sauce-served-with-rice-garnish-green-salad_114579-965.jpg"},
{
id: "p4", name: "Pork Belly Sliders", price: "$28", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg"},
{
id: "p5", name: "Crispy Roast Cutlet", price: "$34", variant: "Traditional", imageSrc: "http://img.b2bpic.net/free-photo/grilled-lamb-ribs-with-copy-space_23-2148516957.jpg"},
{
id: "p6", name: "Chef's Tasting Board", price: "$85", variant: "Full", imageSrc: "http://img.b2bpic.net/free-photo/hot-california-sushi-rolls-with-red-caviar_114579-2128.jpg"},
{ id: "p1", name: "Signature Pork Belly", price: "$38", variant: "Gourmet", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg?_wi=2" },
{ id: "p2", name: "Smoked Ribs", price: "$42", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-pomegranate-glass-wine_140725-3638.jpg" },
]}
title="Signature Delicacies"
description="Discover our most celebrated pork creations."
title="Our Signature Menu"
description="Experience culinary excellence with every bite."
/>
</div>
@@ -149,32 +97,15 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah J.", role: "Food Critic", company: "Fine Dining Daily", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg"},
{
id: "2", name: "Michael R.", role: "Enthusiast", company: "Local Gourmet", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166180.jpg"},
{
id: "3", name: "Elise T.", role: "Designer", company: "Creative Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-friends-enjoying-restaurant_23-2147861914.jpg"},
{
id: "4", name: "Jason W.", role: "Business Owner", company: "Global Trade", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg"},
{
id: "5", name: "Nancy B.", role: "Editor", company: "Style Magazine", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/human-happy-woman-clanging-glasses-wine-table-cafe_23-2148016789.jpg"},
{ id: "1", name: "Alice V.", role: "Diner", company: "City Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg" },
]}
kpiItems={[
{
value: "4.9", label: "Avg Rating"},
{
value: "15k+", label: "Satisfied Guests"},
{
value: "5", label: "Years Excellence"},
{ value: "50+", label: "Dishes Served" },
{ value: "10k+", label: "Happy Guests" },
{ value: "4.9/5", label: "Guest Rating" },
]}
title="Guest Voices"
description="What our guests are saying about their dining experience."
title="Words From Our Guests"
description="Join the thousands who have enjoyed the Pork & Go experience."
/>
</div>
@@ -185,15 +116,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "50+", description: "Farm Partners"},
{
id: "m2", value: "12", description: "Global Awards"},
{
id: "m3", value: "24/7", description: "Dedicated Prep"},
{ id: "m1", value: "100%", description: "Ethical Sourcing" },
{ id: "m2", value: "50+", description: "Daily Specials" },
{ id: "m3", value: "15", description: "Expert Chefs" },
]}
title="Our Culinary Impact"
description="Committed to quality in every dish we serve."
title="Our Commitment to Excellence"
description="Quality above all else."
/>
</div>
@@ -201,14 +129,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do you accept reservations?", content: "Yes, we recommend booking in advance via our website or calling us directly."},
{
id: "q2", title: "Are there vegetarian options?", content: "While pork is our specialty, we offer curated seasonal vegetarian dishes."},
{
id: "q3", title: "Do you offer private dining?", content: "Absolutely. Our private lounge is perfect for events and business gatherings."},
{ id: "q1", title: "Where are we located?", content: "Visit us at our central downtown location, open 7 days a week." },
{ id: "q2", title: "Can I book for groups?", content: "We have a spacious private dining area available for group bookings." },
]}
sideTitle="Common Questions"
sideTitle="FAQ"
faqsAnimation="slide-up"
/>
</div>
@@ -217,38 +141,20 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Ready to Eat?"
title="Reserve Your Table"
description="Join us for an unforgettable dining experience at Pork & Go."
buttons={[
{
text: "Book Now", href: "#"},
]}
tag="Join Us"
title="Book Your Premium Table"
description="Reserve your spot at Pork & Go and experience unparalleled service."
buttons={[{ text: "Book Now", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Pork & Go", items: [
{
label: "Our Story", href: "#about"},
{
label: "Menu", href: "#products"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ title: "Pork & Go", items: [{ label: "Our Story", href: "#about" }, { label: "Menu", href: "#products" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
bottomLeftText="© 2024 Pork & Go Restaurant."
bottomRightText="All rights reserved."
bottomLeftText="© 2025 Pork & Go"
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #fdfaf7;
--card: #f4ede6;
--foreground: #2d241c;
--primary-cta: #8b4513;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #f4ede6;
--secondary-cta-text: #1c1c1c;
--accent: #e63946;
--background-accent: #e8bea8;
--accent: #d2b48c;
--background-accent: #e6d5c3;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);