428 lines
20 KiB
TypeScript
428 lines
20 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Car, Home, Phone, Smile, Utensils } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="mediumLarge"
|
||
background="none"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "/"},
|
||
{
|
||
name: "Menu", id: "/menu"},
|
||
{
|
||
name: "About", id: "/about"},
|
||
{
|
||
name: "Reviews", id: "/reviews"},
|
||
{
|
||
name: "Contact", id: "/contact"},
|
||
]}
|
||
brandName="Southern Comfort Kitchen"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
logoText="Southern Comfort Kitchen"
|
||
description="Home-Style Southern Cooking You’ll Love. Highly rated (4.5 ⭐ from 80+ reviews)."
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "📍 Get Directions", href: "#"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/boneless-chicken-corn-high-angle_23-2149973034.jpg"
|
||
imageAlt="Plate of crispy fried chicken with sides"
|
||
mediaAnimation="opacity"
|
||
frameStyle="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="popular-dishes" data-section="popular-dishes">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "fried-chicken", name: "Fried Chicken", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/crispy-flossy-toast-with-shredded-pork_1150-23537.jpg", imageAlt: "Crispy fried chicken pieces"},
|
||
{
|
||
id: "baked-chicken", name: "Baked Chicken", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-chicken-veggies-plate-with-cutlery_23-2148682740.jpg", imageAlt: "Oven-baked chicken pieces"},
|
||
{
|
||
id: "potato-soup", name: "Potato Soup", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/cauliflower-soup-bowl-wooden-table-close-up_123827-34671.jpg", imageAlt: "Bowl of creamy potato soup"},
|
||
{
|
||
id: "pork-chop", name: "Pork Chop", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/pork-chop-steak_1339-5917.jpg", imageAlt: "Grilled pork chop with seasoning"},
|
||
{
|
||
id: "prime-rib-sandwich", name: "Prime Rib Sandwich", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ground-meat_658428-394.jpg", imageAlt: "Prime rib sandwich with au jus"},
|
||
]}
|
||
title="Our Beloved Southern Favorites"
|
||
description="Experience authentic Southern flavors with our most popular dishes, prepared fresh daily."
|
||
/>
|
||
</div>
|
||
|
||
<div id="how-it-works" data-section="how-it-works">
|
||
<FeatureBorderGlow
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
icon: Car,
|
||
title: "Walk In", description: "No reservations needed. Just come in and make yourself at home."},
|
||
{
|
||
icon: Utensils,
|
||
title: "Grab Utensils", description: "Help yourself to fresh plates and cutlery at our buffet."},
|
||
{
|
||
icon: Home,
|
||
title: "Choose Your Food", description: "Select from our daily changing buffet of Southern specialties."},
|
||
{
|
||
icon: Smile,
|
||
title: "Enjoy Your Meal", description: "Savor the flavors of home-style cooking in a cozy atmosphere."},
|
||
]}
|
||
title="Your Southern Comfort Experience"
|
||
description="Enjoying a delicious meal at our restaurant is simple and delightful. Fresh food, friendly service, every time."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah J.", role: "Local Resident", company: "Community", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-standing-kitchen_1303-32141.jpg"},
|
||
{
|
||
id: "2", name: "Michael C.", role: "Lunch Break", company: "Worker", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-floral-blouse-black-skirt-holding-hands-front-her-looking-jolly-front-view_176474-52461.jpg"},
|
||
{
|
||
id: "3", name: "Emily R.", role: "Family Visit", company: "Visitor", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-smiling-older-man_1194-424.jpg"},
|
||
{
|
||
id: "4", name: "David K.", role: "Regular Customer", company: "Community", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
title: "4.5", subtitle: "Star Rating", category: "Rating", value: "4.5"},
|
||
{
|
||
title: "80+", subtitle: "Happy Reviews", category: "Reviews", value: "80+"},
|
||
{
|
||
title: "10+", subtitle: "Years Serving", category: "Experience", value: "10+"},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Hear from our happy customers who love our home-style Southern cooking and warm hospitality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="visit-us" data-section="visit-us">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Visit Us Today!"
|
||
description={[
|
||
"We’re open from 10:30 AM – 3:00 PM (check live status). Come in for lunch or call us to inquire about catering options!", "Your go-to spot for fresh, filling, and affordable Southern comfort food. We can't wait to serve you!"]}
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Us", href: "tel:+1234567890"},
|
||
{
|
||
text: "➡️ Get Directions", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Quick Links", items: [
|
||
{
|
||
label: "Home", href: "/"},
|
||
{
|
||
label: "Menu", href: "/menu"},
|
||
{
|
||
label: "About Us", href: "/about"},
|
||
{
|
||
label: "Reviews", href: "/reviews"},
|
||
{
|
||
label: "Contact", href: "/contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Our Menu", items: [
|
||
{
|
||
label: "Chicken Dishes", href: "/menu#chicken"},
|
||
{
|
||
label: "Sides", href: "/menu#sides"},
|
||
{
|
||
label: "Buffet Items", href: "/menu#buffet"},
|
||
{
|
||
label: "Today's Specials", href: "/menu#specials"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact Us", items: [
|
||
{
|
||
label: "Call Us: (123) 456-7890", href: "tel:+1234567890"},
|
||
{
|
||
label: "Get Directions", href: "#"},
|
||
{
|
||
label: "Catering Inquiry", href: "/contact#catering"},
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2024 Southern Comfort Kitchen. All rights reserved."
|
||
bottomRightText="Built with love in the South."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu-hero" data-section="menu-hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
logoText="Southern Comfort Kitchen"
|
||
description="Home-Style Southern Cooking You’ll Love. Highly rated (4.5 ⭐ from 80+ reviews)."
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "📍 Get Directions", href: "#"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/boneless-chicken-corn-high-angle_23-2149973034.jpg"
|
||
imageAlt="Plate of crispy fried chicken with sides"
|
||
mediaAnimation="opacity"
|
||
frameStyle="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu-products" data-section="menu-products">
|
||
<ProductCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "fried-chicken", name: "Fried Chicken", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/crispy-flossy-toast-with-shredded-pork_1150-23537.jpg", imageAlt: "Crispy fried chicken pieces"},
|
||
{
|
||
id: "baked-chicken", name: "Baked Chicken", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-chicken-veggies-plate-with-cutlery_23-2148682740.jpg", imageAlt: "Oven-baked chicken pieces"},
|
||
{
|
||
id: "potato-soup", name: "Potato Soup", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/cauliflower-soup-bowl-wooden-table-close-up_123827-34671.jpg", imageAlt: "Bowl of creamy potato soup"},
|
||
{
|
||
id: "pork-chop", name: "Pork Chop", price: "Market Price", imageSrc: "http://img.b2bpic.net/free-photo/pork-chop-steak_1339-5917.jpg", imageAlt: "Grilled pork chop with seasoning"},
|
||
{
|
||
id: "prime-rib-sandwich", name: "Prime Rib Sandwich", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ground-meat_658428-394.jpg", imageAlt: "Prime rib sandwich with au jus"},
|
||
]}
|
||
title="Our Beloved Southern Favorites"
|
||
description="Experience authentic Southern flavors with our most popular dishes, prepared fresh daily."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-hero" data-section="about-hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
logoText="Southern Comfort Kitchen"
|
||
description="Home-Style Southern Cooking You’ll Love. Highly rated (4.5 ⭐ from 80+ reviews)."
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "📍 Get Directions", href: "#"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/boneless-chicken-corn-high-angle_23-2149973034.jpg"
|
||
imageAlt="Plate of crispy fried chicken with sides"
|
||
mediaAnimation="opacity"
|
||
frameStyle="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about-section" data-section="about-section">
|
||
<TextSplitAbout
|
||
useInvertedBackground={true}
|
||
title="Visit Us Today!"
|
||
description={[
|
||
"We’re open from 10:30 AM – 3:00 PM (check live status). Come in for lunch or call us to inquire about catering options!", "Your go-to spot for fresh, filling, and affordable Southern comfort food. We can't wait to serve you!"]}
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Us", href: "tel:+1234567890"},
|
||
{
|
||
text: "➡️ Get Directions", href: "#"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="team-section" data-section="team-section">
|
||
<TeamCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
members={[
|
||
{
|
||
id: "1", name: "Chef James", role: "Head Chef & Owner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-indoors_23-2151038681.jpg", imageAlt: "Portrait of Chef James"},
|
||
{
|
||
id: "2", name: "Maria Rodriguez", role: "Restaurant Manager", imageSrc: "http://img.b2bpic.net/free-photo/technology-occupation-remote-work-concept-confident-young-female-copywriter-standing-kitchen_343059-3895.jpg", imageAlt: "Portrait of Maria Rodriguez"},
|
||
{
|
||
id: "3", name: "The Kitchen Crew", role: "Culinary Team", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-professional-chef-posing_23-2151232223.jpg", imageAlt: "Diverse kitchen staff smiling"},
|
||
]}
|
||
title="Meet Our Wonderful Team"
|
||
description="Our dedicated team is passionate about food and hospitality, ensuring every visit is a memorable one."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof-about" data-section="social-proof-about">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Local Eats Magazine", "Taste of the Town", "Community Favorite", "Southern Foodies", "Best of [City]", "Family Dining Award", "Culinary Review"]}
|
||
logos={[
|
||
"http://img.b2bpic.net/free-vector/elegant-sale-label-collection_23-2147701428.jpg", "http://img.b2bpic.net/free-vector/flat-chef-logo-collection_23-2148972192.jpg", "http://img.b2bpic.net/free-vector/gradient-jewelry-logo-set_23-2148878078.jpg", "http://img.b2bpic.net/free-vector/grand-opening_23-2148158868.jpg", "http://img.b2bpic.net/free-vector/black-white-barbecue-badge-set_23-2147554889.jpg", "http://img.b2bpic.net/free-photo/positive-blonde-woman-holds-smart-phone-hands-makes-selfie-photo-together-with-asian-friend-enjoy-summer-vacation-together_273609-18143.jpg", "http://img.b2bpic.net/free-vector/retro-colorful-minimal-logo-collection_23-2148378106.jpg"]}
|
||
title="Community Recognized"
|
||
description="Proudly serving our community and recognized for our dedication to quality and service."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews-hero" data-section="reviews-hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
logoText="Southern Comfort Kitchen"
|
||
description="Home-Style Southern Cooking You’ll Love. Highly rated (4.5 ⭐ from 80+ reviews)."
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "📍 Get Directions", href: "#"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/boneless-chicken-corn-high-angle_23-2149973034.jpg"
|
||
imageAlt="Plate of crispy fried chicken with sides"
|
||
mediaAnimation="opacity"
|
||
frameStyle="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews-testimonials" data-section="reviews-testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah J.", role: "Local Resident", company: "Community", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-standing-kitchen_1303-32141.jpg"},
|
||
{
|
||
id: "2", name: "Michael C.", role: "Lunch Break", company: "Worker", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-floral-blouse-black-skirt-holding-hands-front-her-looking-jolly-front-view_176474-52461.jpg"},
|
||
{
|
||
id: "3", name: "Emily R.", role: "Family Visit", company: "Visitor", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-smiling-older-man_1194-424.jpg"},
|
||
{
|
||
id: "4", name: "David K.", role: "Regular Customer", company: "Community", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
title: "4.5", subtitle: "Star Rating", category: "Rating", value: "4.5"},
|
||
{
|
||
title: "80+", subtitle: "Happy Reviews", category: "Reviews", value: "80+"},
|
||
{
|
||
title: "10+", subtitle: "Years Serving", category: "Experience", value: "10+"},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Hear from our happy customers who love our home-style Southern cooking and warm hospitality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews-faq" data-section="reviews-faq">
|
||
<FaqBase
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How can I leave a review?", content: "You can leave a review on Google, Yelp, or directly through our contact form. We appreciate your feedback!"},
|
||
{
|
||
id: "2", title: "Do you respond to all reviews?", content: "Yes, we strive to respond to every review, positive or constructive, to show our appreciation and improve our service."},
|
||
{
|
||
id: "3", title: "Can I submit anonymous feedback?", content: "While we prefer to know who our customers are to address concerns directly, you can submit anonymous feedback via our website's contact form."},
|
||
]}
|
||
title="Common Questions About Reviews"
|
||
description="Have a question about our reviews or want to leave your own feedback? Find answers here."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-hero" data-section="contact-hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
logoText="Southern Comfort Kitchen"
|
||
description="Home-Style Southern Cooking You’ll Love. Highly rated (4.5 ⭐ from 80+ reviews)."
|
||
buttons={[
|
||
{
|
||
text: "📞 Call Now", href: "tel:+1234567890"},
|
||
{
|
||
text: "📍 Get Directions", href: "#"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/boneless-chicken-corn-high-angle_23-2149973034.jpg"
|
||
imageAlt="Plate of crispy fried chicken with sides"
|
||
mediaAnimation="opacity"
|
||
frameStyle="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact-form-faq" data-section="contact-form-faq">
|
||
<ContactFaq
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What are your operating hours?", content: "We are open daily from 10:30 AM to 3:00 PM for lunch buffet and take-out."},
|
||
{
|
||
id: "2", title: "Do you offer catering services?", content: "Yes, we offer catering for events of all sizes. Please use the contact form or call us directly to discuss your needs."},
|
||
{
|
||
id: "3", title: "Where are you located?", content: "You can find us at [Your Restaurant Address Here]. We're conveniently located near downtown with ample parking."},
|
||
]}
|
||
ctaTitle="Get in Touch or Visit Us!"
|
||
ctaDescription="Call us directly for orders or inquiries, find us on the map, or send us a message for any questions, including catering!"
|
||
ctaButton={{
|
||
text: "📞 Call Now", href: "tel:+1234567890"}}
|
||
ctaIcon={Phone}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|