Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8264e642b2 | |||
| 02667f26c2 | |||
| 0cb24fed3a | |||
| 8a9a1910d1 | |||
| 59cd1a9f57 | |||
| 4e1becaade |
261
src/app/page.tsx
261
src/app/page.tsx
@@ -2,16 +2,16 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
||||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||||
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "features" },
|
||||||
},
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
{
|
{ name: "Contact", id: "contact" },
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Testimonials",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Hometown BBQ"
|
brandName="Hometown BBQ"
|
||||||
/>
|
/>
|
||||||
@@ -61,14 +46,8 @@ export default function LandingPage() {
|
|||||||
logoText="Hometown BBQ & Grill"
|
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."
|
description="Slow-smoked tradition, served with love in the heart of our community. Taste the authentic difference of low and slow."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Book a Table", href: "#contact" },
|
||||||
text: "Book a Table",
|
{ text: "View Menu", href: "#features" },
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "View Menu",
|
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg"
|
||||||
imageAlt="bbq restaurant interior rustic"
|
imageAlt="bbq restaurant interior rustic"
|
||||||
@@ -81,20 +60,11 @@ export default function LandingPage() {
|
|||||||
title="A Legacy of Smoke & Flavor"
|
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."
|
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={[
|
metrics={[
|
||||||
{
|
{ value: "20+", title: "Years Smoked" },
|
||||||
value: "20+",
|
{ value: "12", title: "Secret Rubs" },
|
||||||
title: "Years Smoked",
|
{ value: "5k+", title: "Happy Guests" },
|
||||||
},
|
|
||||||
{
|
|
||||||
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"
|
imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg?_wi=1"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
imageAlt="pitmaster cooking meat"
|
imageAlt="pitmaster cooking meat"
|
||||||
@@ -109,26 +79,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Smoked Brisket",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Signature Smoked Selections"
|
||||||
description="Our menu features carefully curated meats and fresh, locally sourced sides."
|
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"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "500lb+", description: "Smoked Weekly" },
|
||||||
id: "m1",
|
{ id: "m2", value: "100%", description: "Locally Sourced" },
|
||||||
value: "500lb+",
|
{ id: "m3", value: "4.8", description: "Average Rating" },
|
||||||
description: "Smoked Weekly",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "100%",
|
|
||||||
description: "Locally Sourced",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "4.8",
|
|
||||||
description: "Average Rating",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Quality You Can Taste"
|
title="Quality You Can Taste"
|
||||||
description="Numbers behind our smoke-filled passion."
|
description="Numbers behind our smoke-filled passion."
|
||||||
@@ -164,152 +107,82 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardSixteen
|
||||||
animationType="slide-up"
|
animationType="depth-3d"
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Loved by Locals"
|
title="Loved by Locals"
|
||||||
description="Hear what our regulars have to say about the hometown smoke."
|
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>
|
||||||
|
|
||||||
<div id="team" data-section="team">
|
<div id="team" data-section="team">
|
||||||
<TeamCardTen
|
<TeamCardOne
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Meet the Pitmasters"
|
title="Meet the Pitmasters"
|
||||||
|
description="Our dedicated crew bringing the smoke to your table."
|
||||||
tag="Behind the Smoke"
|
tag="Behind the Smoke"
|
||||||
membersAnimation="slide-up"
|
animationType="depth-3d"
|
||||||
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
|
textboxLayout="default"
|
||||||
members={[
|
members={[
|
||||||
{
|
{ id: "p1", name: "Joe Pit", role: "Pitmaster", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg" },
|
||||||
id: "p1",
|
{ 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" },
|
||||||
name: "Joe Pit",
|
{ id: "p3", name: "Bob Grill", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720721.jpg" },
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
memberVariant="card"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitMedia
|
<FaqSplitText
|
||||||
textboxLayout="split"
|
sideTitle="Common Smoker Queries"
|
||||||
|
sideDescription="Questions about our smoke, catering, and seating."
|
||||||
useInvertedBackground={false}
|
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"
|
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"
|
faqs={[
|
||||||
imageAlt="Top close-up view dish chicken wings potatoes tomatoes sauce spices the cutting board"
|
{ 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>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<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}
|
useInvertedBackground={true}
|
||||||
background={{
|
imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg?_wi=2"
|
||||||
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",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterMedia
|
||||||
logoText="Hometown BBQ"
|
logoText="Hometown BBQ"
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg?_wi=3"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Visit Us",
|
title: "Visit Us", items: [
|
||||||
items: [
|
{ label: "123 Smokehouse Ln", href: "#" },
|
||||||
{
|
{ label: "Springfield, USA", href: "#" },
|
||||||
label: "123 Smokehouse Ln",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Springfield, USA",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Connect",
|
title: "Connect", items: [
|
||||||
items: [
|
{ label: "Instagram", href: "#" },
|
||||||
{
|
{ label: "Facebook", href: "#" },
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Facebook",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user