324 lines
19 KiB
TypeScript
324 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, Scale, ShoppingCart, Star, Wheat } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Menu", id: "#featured-dishes"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Order", id: "#order"},
|
|
]}
|
|
button={{
|
|
text: "Order Now", href: "#order"}}
|
|
brandName="Whale Fish & Chicken"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Chicago's Legendary Fried Chicken & Fish"
|
|
description="Fresh. Crispy. Seasoned to Perfection. From golden-fried wings to crispy catfish and famous lemon pepper fries, Whale Fish & Chicken has been serving Chicago favorites for years."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah K.", handle: "@sarahk", testimonial: "Best chicken in the city, hands down. Always fresh and crispy!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chicken-wings-inside-plate-with-napkins-light-background-meat-horizontal-meal-food-burger_140725-156263.jpg", imageAlt: "Plate of fried chicken"},
|
|
{
|
|
name: "Michael T.", handle: "@michaeltaste", testimonial: "The lemon pepper fries are addictive. I order them every time!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-cheese-strips-garnished-with-lemon_140725-6606.jpg", imageAlt: "Close up of lemon pepper fries"},
|
|
{
|
|
name: "David L.", handle: "@chicagofoodie", testimonial: "Excellent restaurant, I've been coming here for 15 years. Consistent quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thin-chicken-nuggets-with-french-fries-vegan-salad_114579-2448.jpg", imageAlt: "Golden fried catfish fillet"},
|
|
{
|
|
name: "Jessica R.", handle: "@jessiceats", testimonial: "Food was plentiful, hot, and crispy. Great value for the price.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stir-fry-snow-peas-with-prawns_1339-6679.jpg", imageAlt: "Jumbo fried shrimp"},
|
|
{
|
|
name: "Emily S.", handle: "@emilyspots", testimonial: "Whale Fish & Chicken is my late-night go-to. Always hits the spot!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-burritos-plate_23-2148582620.jpg", imageAlt: "Gyro sandwich"},
|
|
{
|
|
name: "Robert G.", handle: "@robertg_eats", testimonial: "A true Chicago staple. You can taste the love in every bite!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-fastfood-orange-plate-french-fries-chicken-wings-lemon-cream-notebook-yellow-pencil_140725-110743.jpg", imageAlt: "Late night diner food"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Order Now", href: "#order"},
|
|
{
|
|
text: "View Menu", href: "#featured-dishes"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg", alt: "Customer avatar 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-mixed-race-woman-with-short-hair-studio-shoot_633478-2038.jpg", alt: "Customer avatar 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-happily-clapping-hands-satisfied-with-accomplishments-studio-background_482257-92829.jpg", alt: "Customer avatar 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-caucasian-woman-closes-eyes-with-pleasure-smiles-gently_273609-17904.jpg", alt: "Customer avatar 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-indoors_23-2149445972.jpg", alt: "Happy customer avatar"},
|
|
]}
|
|
avatarText="Thousands of Local Customers Served"
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-chicken-wings-plate-with-sesame-seeds_23-2148679078.jpg"
|
|
imageAlt="A delicious platter of fried chicken, fish, and fries"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/fried-chicken-wing_74190-2594.jpg", alt: "Crispy fried chicken wings"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/half-shot-delicious-fried-fish-brown-plate-mix-colors-table-with-free-space_179666-18181.jpg", alt: "Golden fried catfish"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/delicious-fried-potato-wooden-plate-with-dipped-sauce-traditional-fast-food-concept_1150-9058.jpg", alt: "Seasoned lemon pepper fries"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-plate-with-sauce-prawns-restaurant-table_181624-39187.jpg", alt: "Jumbo fried shrimp"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/chicken-doner-bread-with-fries-pickled-cucumber-tomato_140725-3889.jpg", alt: "Classic Chicago gyro"},
|
|
]}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-dishes" data-section="featured-dishes">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Signature Lemon Pepper Wings", price: "$9.99", variant: "6 Pc. Dinner", imageSrc: "http://img.b2bpic.net/free-photo/close-shot-fried-chicken-wings-long-white-tray_181624-1735.jpg", imageAlt: "Crispy fried chicken wings with lemon pepper seasoning"},
|
|
{
|
|
id: "product-2", name: "Golden Catfish Dinner", price: "$12.99", variant: "Fries, Bread & Slaw", imageSrc: "http://img.b2bpic.net/free-photo/herb-fried-chicken-white-plate-wooden-floor_1150-22384.jpg", imageAlt: "Golden fried catfish with a side of fries and coleslaw"},
|
|
{
|
|
id: "product-3", name: "Jumbo Fried Shrimp", price: "$11.99", variant: "Perfectly Seasoned", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fried-shrimps-with-lemon-green-salad-table-food-meal-seafood-cancer_140725-26159.jpg", imageAlt: "Plate of perfectly seasoned jumbo fried shrimp"},
|
|
{
|
|
id: "product-4", name: "Classic Chicago Gyro", price: "$8.99", variant: "Local Favorite", imageSrc: "http://img.b2bpic.net/free-photo/kebab-wrap-with-meat-vegetables-plate_23-2148632649.jpg", imageAlt: "A classic Chicago-style gyro sandwich"},
|
|
{
|
|
id: "product-5", name: "Famous Lemon Pepper Fries", price: "$3.99", variant: "Addictive Flavor", imageSrc: "http://img.b2bpic.net/free-photo/ruddy-baked-potato-wedges-with-herbs-flat-lay-top-view_2829-19526.jpg", imageAlt: "Close up of crispy lemon pepper seasoned fries"},
|
|
{
|
|
id: "product-6", name: "Family Meal Platter", price: "$29.99", variant: "Feeds 3-4", imageSrc: "http://img.b2bpic.net/free-photo/flay-lay-fast-food-meal-wood-table_23-2148273059.jpg", imageAlt: "A large platter of mixed fried chicken, fish, and sides"},
|
|
]}
|
|
title="Our Signature Dishes"
|
|
description="Experience the flavors Chicago loves. Each dish prepared fresh, crispy, and seasoned to perfection, showcasing why we're a true neighborhood favorite."
|
|
/>
|
|
</div>
|
|
|
|
<div id="our-promise" data-section="our-promise">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Our Promise: Fresh Food Made Right"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Years Serving Chicago", value: "15+"},
|
|
{
|
|
icon: ShoppingCart,
|
|
label: "Orders Every Month", value: "Thousands"},
|
|
{
|
|
icon: Star,
|
|
label: "Customer Reviews", value: "899+"},
|
|
{
|
|
icon: Wheat,
|
|
label: "Fresh Ingredients", value: "Daily"},
|
|
{
|
|
icon: Scale,
|
|
label: "Generous Portions", value: "Guaranteed"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah K.", handle: "@sarahk", testimonial: "Best chicken in the city, hands down. Always fresh and crispy!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-5217.jpg", imageAlt: "Plate of fried chicken"},
|
|
{
|
|
id: "2", name: "Michael T.", handle: "@michaeltaste", testimonial: "The lemon pepper fries are addictive. I order them every time!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-french-fries-basket-with-ketchup-board_141793-4001.jpg", imageAlt: "Close up of lemon pepper fries"},
|
|
{
|
|
id: "3", name: "David L.", handle: "@chicagofoodie", testimonial: "Excellent restaurant, I've been coming here for 15 years. Consistent quality.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/herb-fried-chicken-white-plate-wooden-floor_1150-22381.jpg", imageAlt: "Golden fried catfish fillet"},
|
|
{
|
|
id: "4", name: "Jessica R.", handle: "@jessiceats", testimonial: "Food was plentiful, hot, and crispy. Great value for the price.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-crabsterd-cracker-dust-served-with-ketchup_114579-1719.jpg", imageAlt: "Jumbo fried shrimp"},
|
|
{
|
|
id: "5", name: "Emily S.", handle: "@emilyspots", testimonial: "Whale Fish & Chicken is my late-night go-to. Always hits the spot!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-traditional-turkish-dish-raw-cutlet-kyufta-with-pita-bread-tomatoes-lemon-with-lettuce-stand_141793-13198.jpg", imageAlt: "Gyro sandwich"},
|
|
{
|
|
id: "6", name: "Robert G.", handle: "@robertg_eats", testimonial: "A true Chicago staple. You can taste the love in every bite!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-drinks_23-2149182212.jpg", imageAlt: "Late night diner food"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Customers Say"
|
|
description="Don't just take our word for it—read why Chicago keeps coming back for more."
|
|
/>
|
|
</div>
|
|
|
|
<div id="popular-deals" data-section="popular-deals">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "deal-1", title: "6 Wing Dinner", price: "$9.99", period: "Includes Fries & Drink", features: [
|
|
"Crispy Fried Wings", "Choice of Sauce", "Golden Fries", "Soft Drink Included"],
|
|
button: {
|
|
text: "Order Now", href: "#order"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-french-fries-chicken_23-2147765440.jpg", imageAlt: "6 crispy fried chicken wings with fries"},
|
|
{
|
|
id: "deal-2", title: "15 Wing Family Meal", price: "$29.99", period: "Perfect for Sharing", features: [
|
|
"15 Crispy Wings", "Large Lemon Pepper Fries", "4 Pcs Bread", "Feeds 3-4 People"],
|
|
button: {
|
|
text: "Order Now", href: "#order"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-kebab_140725-1347.jpg", imageAlt: "Large platter of 15 fried chicken wings"},
|
|
{
|
|
id: "deal-3", title: "Catfish Combo", price: "$12.99", period: "Complete Dinner", features: [
|
|
"Golden Fried Catfish", "Crispy Fries", "Fresh Coleslaw", "Slice of Bread"],
|
|
button: {
|
|
text: "Order Now", href: "#order"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/salmon-steak-white-plate_74190-4037.jpg", imageAlt: "Catfish dinner combo with fries and coleslaw"},
|
|
{
|
|
id: "deal-4", title: "Fish & Shrimp Combo", price: "$14.99", period: "Best of Both Worlds", features: [
|
|
"Crispy Fried Fish", "Jumbo Shrimp", "Golden Fries", "Dipping Sauce"],
|
|
button: {
|
|
text: "Order Now", href: "#order"},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-squid-shrimp-tempura-fried-cheese-stick-white-plate_141793-1578.jpg", imageAlt: "Fish and shrimp combo meal"},
|
|
]}
|
|
title="Our Most Popular Deals"
|
|
description="Enjoy generous portions at affordable prices with our customer favorites. Perfect for individuals or sharing!"
|
|
buttons={[
|
|
{
|
|
text: "View Full Menu", href: "#featured-dishes"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Do you offer pickup?", content: "Yes, you can easily place your order online for quick pickup at our restaurant."},
|
|
{
|
|
id: "faq-2", title: "What are your most popular items?", content: "Our most popular items include the fresh fried chicken wings with lemon pepper seasoning, crispy catfish dinners, jumbo shrimp, and our famous lemon pepper fries."},
|
|
{
|
|
id: "faq-3", title: "Do you offer family meals?", content: "Absolutely! We have a variety of family-sized options, including our 15-wing family meal, perfect for sharing."},
|
|
{
|
|
id: "faq-4", title: "Are orders made fresh?", content: "Yes, all our meals are prepared fresh to order throughout the day to ensure the highest quality and flavor for every customer."},
|
|
{
|
|
id: "faq-5", title: "What are your hours?", content: "We are open late! Please check our footer or contact section for the most current daily operating hours."},
|
|
]}
|
|
sideTitle="Frequently Asked Questions"
|
|
sideDescription="Find quick answers to common questions about our food, service, and hours."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="order" data-section="order">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Hungry?"
|
|
title="Skip the Wait, Order Now!"
|
|
description="Get your favorite fried chicken and fish delivered hot and fresh. Easy pickup options also available!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/night-view-traditional-japanese-food-court_23-2148759601.jpg"
|
|
imageAlt="Restaurant exterior with warm lighting"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Sign Up"
|
|
termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-chair-sofa_74190-3595.jpg"
|
|
imageAlt="Restaurant interior"
|
|
logoText="Whale Fish & Chicken"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Menu", href: "#featured-dishes"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Order", href: "#order"},
|
|
],
|
|
},
|
|
{
|
|
title: "Our Info", items: [
|
|
{
|
|
label: "123 Main St, Chicago, IL", href: "#"},
|
|
{
|
|
label: "(773) 555-1234", href: "tel:+17735551234"},
|
|
{
|
|
label: "Mon-Sun: 11 AM - 2 AM", href: "#"},
|
|
{
|
|
label: "Google Maps", href: "https://maps.google.com/?q=Whale+Fish+Chicken+Chicago"},
|
|
],
|
|
},
|
|
{
|
|
title: "Social", items: [
|
|
{
|
|
label: "Facebook", href: "https://facebook.com"},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"},
|
|
{
|
|
label: "Twitter", href: "https://twitter.com"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Whale Fish & Chicken. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|