bender/2028d9a0-ae77-4d06-8a68-e4124d39d586
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-13 11:31:17 +00:00
parent c8d0f40d2c
commit 4e1becaade
1 changed files with 65 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

258
src/app/page.tsx
View File

@@ -2,16 +2,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
export default function LandingPage() {
return (
@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "features",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Hometown BBQ"
/>
@@ -61,14 +46,8 @@ export default function LandingPage() {
logoText="Hometown BBQ & Grill"
description="Slow-smoked tradition, served with love in the heart of our community. Taste the authentic difference of low and slow."
buttons={[
{
text: "Book a Table",
href: "#contact",
},
{
text: "View Menu",
href: "#features",
},
{ text: "Book a Table", href: "#contact" },
{ text: "View Menu", href: "#features" },
]}
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg"
imageAlt="bbq restaurant interior rustic"
@@ -81,18 +60,9 @@ export default function LandingPage() {
title="A Legacy of Smoke & Flavor"
description="For over two decades, Hometown BBQ has been defining what true barbecue means. We use only prime hardwoods and locally sourced meats to ensure every bite is perfection."
metrics={[
{
value: "20+",
title: "Years Smoked",
},
{
value: "12",
title: "Secret Rubs",
},
{
value: "5k+",
title: "Happy Guests",
},
{ value: "20+", title: "Years Smoked" },
{ value: "12", title: "Secret Rubs" },
{ value: "5k+", title: "Happy Guests" },
]}
imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
mediaAnimation="slide-up"
@@ -109,26 +79,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Smoked Brisket",
description: "14-hour hardwood smoked beef.",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/roasted-beef-with-herbed-bread-crust_661915-151.jpg",
buttonText: "Order Now",
},
title: "Smoked Brisket", description: "14-hour hardwood smoked beef.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/roasted-beef-with-herbed-bread-crust_661915-151.jpg", buttonText: "Order Now"},
{
title: "Creamy Sides",
description: "Hand-crafted mac & cheese.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-with-different-seasonings-dark-desk_140725-79620.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/hand-sprinkling-cheese-pasta_23-2148037494.jpg",
buttonText: "View Sides",
},
title: "Creamy Sides", description: "Hand-crafted mac & cheese.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-with-different-seasonings-dark-desk_140725-79620.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/hand-sprinkling-cheese-pasta_23-2148037494.jpg", buttonText: "View Sides"},
{
title: "Cold Brews",
description: "Handpicked craft beer selection.",
imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-65627.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/beer-with-crispy-fish-hors-d-oeuvres-world-beer-day_1150-23707.jpg",
buttonText: "See Drinks",
},
title: "Cold Brews", description: "Handpicked craft beer selection.", imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-65627.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/beer-with-crispy-fish-hors-d-oeuvres-world-beer-day_1150-23707.jpg", buttonText: "See Drinks"},
]}
title="Signature Smoked Selections"
description="Our menu features carefully curated meats and fresh, locally sourced sides."
@@ -142,21 +97,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "500lb+",
description: "Smoked Weekly",
},
{
id: "m2",
value: "100%",
description: "Locally Sourced",
},
{
id: "m3",
value: "4.8",
description: "Average Rating",
},
{ id: "m1", value: "500lb+", description: "Smoked Weekly" },
{ id: "m2", value: "100%", description: "Locally Sourced" },
{ id: "m3", value: "4.8", description: "Average Rating" },
]}
title="Quality You Can Taste"
description="Numbers behind our smoke-filled passion."
@@ -164,152 +107,81 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarah_foodie",
testimonial: "Best ribs in town, period.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
},
{
id: "t2",
name: "Mike R.",
handle: "@mike_eats",
testimonial: "Authentic flavor and vibe.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-eating-drinking-alcohol_171337-19735.jpg",
},
{
id: "t3",
name: "Anna P.",
handle: "@anna_bbq",
testimonial: "The brisket is pure magic.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-delicious-kombucha-outdoors_23-2150553706.jpg",
},
{
id: "t4",
name: "David L.",
handle: "@dave_grills",
testimonial: "Hidden gem with amazing food.",
imageSrc: "http://img.b2bpic.net/free-photo/young-men-roasting-barbecue-grill-cottage-countryside_176420-1917.jpg",
},
{
id: "t5",
name: "Chloe T.",
handle: "@chloe_dines",
testimonial: "A must-visit for bbq fans.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg",
},
]}
<TestimonialCardSixteen
animationType="depth-3d"
title="Loved by Locals"
description="Hear what our regulars have to say about the hometown smoke."
textboxLayout="default"
useInvertedBackground={false}
kpiItems={[
{ value: "5k+", label: "Happy Guests" },
{ value: "4.8", label: "Stars" },
{ value: "20+", label: "Years" }
]}
testimonials={[
{ id: "t1", name: "Sarah J.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
{ id: "t2", name: "Mike R.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-eating-drinking-alcohol_171337-19735.jpg" },
{ id: "t3", name: "Anna P.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-delicious-kombucha-outdoors_23-2150553706.jpg" },
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
<TeamCardOne
useInvertedBackground={true}
title="Meet the Pitmasters"
tag="Behind the Smoke"
membersAnimation="slide-up"
animationType="depth-3d"
gridVariant="four-items-2x2-equal-grid"
textboxLayout="default"
members={[
{
id: "p1",
name: "Joe Pit",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg",
},
{
id: "p2",
name: "Alice Smoke",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199326.jpg",
},
{
id: "p3",
name: "Bob Grill",
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720721.jpg",
},
{ id: "p1", name: "Joe Pit", role: "Pitmaster", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg" },
{ id: "p2", name: "Alice Smoke", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199326.jpg" },
{ id: "p3", name: "Bob Grill", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720721.jpg" },
]}
memberVariant="card"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
<FaqSplitText
sideTitle="Common Smoker Queries"
sideDescription="Questions about our smoke, catering, and seating."
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you accept walk-ins?",
content: "Yes, we always save space for our loyal local walk-ins!",
},
{
id: "f2",
title: "Is catering available?",
content: "We offer full-service catering for all sizes of events.",
},
{
id: "f3",
title: "Are you pet friendly?",
content: "Our patio area is perfectly welcoming to your furry friends.",
},
]}
title="Common Smoker Queries"
description="Questions about our smoke, catering, and seating."
faqsAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-dish-chicken-wings-potatoes-tomatoes-sauce-spices-cutting-board_140725-72636.jpg"
imageAlt="Top close-up view dish chicken wings potatoes tomatoes sauce spices the cutting board"
faqs={[
{ id: "f1", title: "Do you accept walk-ins?", content: "Yes, we always save space for our loyal local walk-ins!" },
{ id: "f2", title: "Is catering available?", content: "We offer full-service catering for all sizes of events." },
{ id: "f3", title: "Are you pet friendly?", content: "Our patio area is perfectly welcoming to your furry friends." },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<ContactSplit
tag="Contact Us"
title="Ready to experience the smoke?"
description="Come visit us today or book a table."
background={{ variant: "gradient-bars" }}
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
text="Ready to experience the smoke? Come visit us today or book a table."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@hometownbbq.com",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
<FooterMedia
logoText="Hometown BBQ"
imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
columns={[
{
title: "Visit Us",
items: [
{
label: "123 Smokehouse Ln",
href: "#",
},
{
label: "Springfield, USA",
href: "#",
},
title: "Visit Us", items: [
{ label: "123 Smokehouse Ln", href: "#" },
{ label: "Springfield, USA", href: "#" },
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Facebook",
href: "#",
},
title: "Connect", items: [
{ label: "Instagram", href: "#" },
{ label: "Facebook", href: "#" },
],
},
]}