Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c1bca38d1f | |||
| 29b26aece8 | |||
| 17fef8225e | |||
| a4f9388662 | |||
| 2477881dd6 | |||
| 47d3ba7c6b | |||
| ea5c0f070b |
342
src/app/page.tsx
342
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Facebook, Instagram, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,228 +29,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ryan's Smokehouse"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cafe Petra"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
title="Authentic Texas BBQ, Family Served."
|
||||
description="Experience family-owned, wood-smoked goodness. From tender brisket to our famous potato salad, we serve flavor you'll remember."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-ketchup-barberry-parsley-onion-side-view_141793-3124.jpg", imageAlt: "barbecue restaurant rustic atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-yummy-snack-plate-lying-table_651396-1435.jpg", imageAlt: "smoked brisket platter gourmet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-with-savory-sauce-wood-generated-by-ai_188544-43157.jpg", imageAlt: "tender pork ribs barbecue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-mimosa-salad-with-bread-tomatoes_140725-13958.jpg", imageAlt: "creamy potato salad bowl"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-chorizo-sausage-grill_23-2148974676.jpg", imageAlt: "smoked sausage link bbq"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-beans-bowl_23-2148746867.jpg", imageAlt: "baked beans bbq side"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bread-strips-with-garlic-oil-cheese-grates-top-yogurt_140725-10447.jpg", imageAlt: "barbecue restaurant rustic atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg", imageAlt: "smoked brisket platter gourmet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7645.jpg", imageAlt: "tender pork ribs barbecue"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-traditional-chorizo-composition_23-2148980308.jpg", imageAlt: "smoked sausage link bbq"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-yummy-biscuit-rolls-with-fruits-dark-background_140725-76425.jpg", alt: "Top view yummy biscuit rolls with fruits on dark background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-meat-plate-with-cutlery_23-2148439454.jpg", alt: "Top view delicious meat on a plate with cutlery"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-traditional-chorizo-assortment_23-2148980271.jpg", alt: "Delicious traditional chorizo assortment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bottom-half-view-becon-slices-serving-board-red-pepper-small-bowl-wheat-spike-wooden-table_140725-102984.jpg", alt: "Bottom half view becon slices on serving board"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beef-pashtet-with-lettuce-leaves-tomato_114579-2534.jpg", alt: "Beef pashtet with lettuce leaves and tomato."},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/pack-picnic-bbq-labels_23-2147558124.jpg", alt: "local bbq food review logo"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/vintage-quality-labels_23-2147506422.jpg", alt: "food industry award badge"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/startups-new-business-25-solid-glyph-icon-pack-including-business-calendar-gear-appointment-group_1142-23190.jpg", alt: "texas food guide badge"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/barbecue-labels-collection-flat-style_23-2147762131.jpg", alt: "community support food icon"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/spoon-fork-food-logo-art-illustration_56104-776.jpg", alt: "restaurant review partner logo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="The Taste of the Mediterranean"
|
||||
description="Authentic flavors, hand-crafted dishes, and a warm atmosphere waiting for you in every bite at Cafe Petra."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-salad-bowl-with-olives-feta-tomatoes_114579-3221.jpg?_wi=1", imageAlt: "Fresh Mediterranean Salad" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-plate_140725-7834.jpg?_wi=1", imageAlt: "Grilled Mediterranean Fish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/assorted-meze-plate-with-hummus-pita-olives_181624-34521.jpg?_wi=1", imageAlt: "Mediterranean Meze Plate" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Our Menu", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Serving Tradition since 1999"
|
||||
description="Ryan's Smokehouse is a family-owned, counter-serve joint dedicated to the art of low-and-slow barbecue. We believe in great food, cheerful service, and building a place where our community feels right at home."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Smoking", description: "Traditional wood-smoked meats, cooked daily for maximum flavor."},
|
||||
{
|
||||
title: "Famous Sides", description: "Our potato salad is made from scratch with secret family ingredients."},
|
||||
{
|
||||
title: "Community Focus", description: "Serving families and neighbors with a smile every single day."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinematic-film-location-decor_23-2151918999.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "Authentic Mediterranean Dining" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Famous Brisket", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-steak-with-berries-cherry-tomatoes-dark-plate_84443-82593.jpg"},
|
||||
{
|
||||
id: "p2", name: "Ribs Platter", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ribs-tray_23-2148679072.jpg"},
|
||||
{
|
||||
id: "p3", name: "Potato Salad", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/traditional-russian-salad-olivier_2829-6255.jpg"},
|
||||
{
|
||||
id: "p4", name: "Smoked Sausage", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-sausages-with-side-dishes-sauces_181624-28567.jpg"},
|
||||
{
|
||||
id: "p5", name: "Pulled Pork Sandwich", price: "$11.00", imageSrc: "http://img.b2bpic.net/free-photo/philly-cheesesteak-sandwich-with-beef-cheesegreen-pepers-caramelized-onion_123827-21970.jpg"},
|
||||
{
|
||||
id: "p6", name: "Baked Beans", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chilli-beans-tray_23-2148660399.jpg"},
|
||||
]}
|
||||
title="Our Signature Smoked Menu"
|
||||
description="Slow-smoked perfection, hand-carved to order."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Our Menu Favorites"
|
||||
description="From fresh salads to grilled specialties, explore our selection of hand-made Mediterranean dishes."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Greek Salad", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fresh-mediterranean-salad-bowl-with-olives-feta-tomatoes_114579-3221.jpg?_wi=2" },
|
||||
{ id: "2", name: "Hummus Platter", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/assorted-meze-plate-with-hummus-pita-olives_181624-34521.jpg?_wi=2" },
|
||||
{ id: "3", name: "Grilled Sea Bass", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/grilled-fish-with-vegetables-plate_140725-7834.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "819+", description: "Five-Star Google Reviews"},
|
||||
{
|
||||
id: "m2", value: "4.6", description: "Average Rating"},
|
||||
{
|
||||
id: "m3", value: "25+", description: "Years of Experience"},
|
||||
]}
|
||||
title="Why We're Loved"
|
||||
description="High standards and satisfied guests."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Quality & Tradition"
|
||||
description="Why customers keep coming back to Cafe Petra."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years of Excellence", items: ["Authentic recipes", "Locally sourced ingredients"] },
|
||||
{ id: "m2", value: "4.9", title: "Average Rating", items: ["Loved by locals", "Consistently rated 5 stars"] },
|
||||
{ id: "m3", value: "500+", title: "Satisfied Diners", items: ["Monthly average", "Community focused service"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Savanna Stevenson", role: "Foodie", testimonial: "Got the famous chow down potato with brisket and it was delicious! Employees were so cheerful.", imageSrc: "http://img.b2bpic.net/free-photo/people-enjoying-mexican-barbecue_23-2151000280.jpg"},
|
||||
{
|
||||
id: "t2", name: "Michael Chen", role: "Regular", testimonial: "Our family went there and ordered the 3-meat platter—brisket, ribs, and sausage. Absolutely perfect.", imageSrc: "http://img.b2bpic.net/free-photo/aged-man-choosing-burger-apple_1303-23623.jpg"},
|
||||
{
|
||||
id: "t3", name: "Emily Rodriguez", role: "Customer", testimonial: "Amazing service, amazing food, great people and great overall place to eat.", imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg"},
|
||||
{
|
||||
id: "t4", name: "David Kim", role: "Visitor", testimonial: "The side potato salad is creamy and tasty with perfect chunks of potatoes. A must-try side.", imageSrc: "http://img.b2bpic.net/free-photo/family-with-daughter-playing-yard_1157-24656.jpg"},
|
||||
{
|
||||
id: "t5", name: "Sarah Johnson", role: "Local", testimonial: "Best BBQ in Webster! The atmosphere is always so positive and welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-barbecue_23-2149383061.jpg"},
|
||||
]}
|
||||
title="Loved by the Locals"
|
||||
description="Hear what our amazing guests have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Voices of Cafe Petra"
|
||||
description="What our guests have to say about their experience."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena V.", handle: "@elena_foodie", testimonial: "The freshest salad I've ever had! Truly reminds me of my time in Greece.", icon: Star },
|
||||
{ id: "2", name: "Mark D.", handle: "@mark_traveler", testimonial: "The grilled bass is to die for. Exceptional service and a beautiful, clean setting.", icon: Star }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery platforms like DoorDash or UberEats to bring our BBQ to your doorstep."},
|
||||
{
|
||||
id: "f2", title: "Do you have outdoor seating?", content: "Absolutely! We offer comfortable outdoor seating options for all our guests."},
|
||||
{
|
||||
id: "f3", title: "Is there a drive-thru?", content: "Yes, for your convenience, we have a fully functional drive-thru."},
|
||||
{
|
||||
id: "f4", title: "What are your hours?", content: "We are open daily until 8 PM. Come early to ensure you get your favorite cut!"},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your smokehouse visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our menu or reservations?"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you accept reservations?", content: "Yes, we recommend booking in advance for weekend dinners." },
|
||||
{ id: "2", title: "Are there vegetarian options?", content: "We have a wide variety of vegetarian and vegan dishes." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Texas BBQ Association", "Webster Local Business", "Foodie Choice Award", "Smokehouse Excellence Seal", "Community Dining Partner"]}
|
||||
title="Recognized by Our Community"
|
||||
description="We're proud to be a staple in Webster, Texas."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
title="As Seen In"
|
||||
description=""
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Mediterranean Living", "City Gourmet", "Local Food Digest"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hi"
|
||||
description="Located at 103 Henrietta St, Webster, TX. Call us at <a href='tel:+12815549331'>(281) 554-9331</a> for inquiries or large orders."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tables-chairs-with-umbrellas_1127-2147.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Visit Cafe Petra"
|
||||
description="Located in the heart of the city. Join us for a meal or give us a call for inquiries."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-mediterranean-restaurant-interior_114579-2451.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ryan's Smokehouse"
|
||||
copyrightText="© 2025 Ryan's Smokehouse. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Cafe Petra"
|
||||
copyrightText="© 2025 Cafe Petra. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user