306 lines
14 KiB
TypeScript
306 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import { Flame, Heart, Leaf } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumSmall"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="aurora"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Reviews", id: "reviews"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Fresno Fresh"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Fresh. Homemade. Unforgettable."
|
||
description="Experience Fresno’s most loved fresh kitchen—where every dish is made from scratch, packed with flavor, and served with care."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-close-view-delicious-mushroom-soup-inside-plate-dark-space_140725-79207.jpg", imageAlt: "Delicious Indian butter chicken dish"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-penne-cream-sauce_74190-544.jpg?_wi=1", imageAlt: "Tender juicy chicken curry Indian"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pakistani-dish-with-meat_23-2148825106.jpg", imageAlt: "Creamy Shahi Paneer dish"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-food-texture-composition_23-2148964912.jpg", imageAlt: "Fresh garlic naan bread"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/carrot-almond-cake-with-coffee_501050-825.jpg", imageAlt: "Gajrela dessert Indian sweet"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-preparation-process-dushbere-soup-dumplings-cutting-board-rolling-pin-half-folded-green-towel-spiral-notebook-dark-surface_140725-94225.jpg", imageAlt: "Fresh tandoori roti bread"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/marinated-chicken-wings-with-sauce-black-board_114579-58143.jpg", imageAlt: "Tender juicy chicken curry Indian"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246078.jpg", imageAlt: "Creamy Shahi Paneer dish"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/view-bowl-with-pakistani-food_23-2148825092.jpg", imageAlt: "Fresh garlic naan bread"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-fruit-cake-delicious-slices-with-red-cherries-inside-sugar-powder-inside-round-grey-plate-dark_140725-24335.jpg", imageAlt: "Gajrela dessert Indian sweet"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Order Now", href: "#menu"},
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/top-view-colorful-hummus_23-2149447778.jpg", alt: "Top view over colorful hummus"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table-still-life_23-2150751960.jpg", alt: "Top view delicious food on table still life"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-arrangement_23-2149086081.jpg", alt: "Nutritious Indian dosa arrangement"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086034.jpg", alt: "Delicious Indian dosa assortment"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/tuna-salad-with-eggs-glass-wine_140725-6859.jpg", alt: "Tuna salad with eggs and a glass of wine"},
|
||
]}
|
||
avatarText="Join 500+ food enthusiasts"
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Homemade"},
|
||
{
|
||
type: "text", text: "Authentic"},
|
||
{
|
||
type: "text", text: "Fresh"},
|
||
{
|
||
type: "text", text: "Healthy"},
|
||
{
|
||
type: "text", text: "Delicious"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Rated 4.2 stars by 50+ happy customers", "Fresno's best homemade-style kitchen", "Authentic flavors, real care", "Fresh ingredients, daily", "Feel-good comfort food"]}
|
||
title="Community Favorites"
|
||
description="Loved by locals and visitors alike."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={true}
|
||
title="Made Fresh. Served With Heart."
|
||
metrics={[
|
||
{
|
||
icon: Leaf,
|
||
label: "Ingredients", value: "Fresh Daily"},
|
||
{
|
||
icon: Flame,
|
||
label: "Taste", value: "Authentic"},
|
||
{
|
||
icon: Heart,
|
||
label: "Quality", value: "Feel-Good"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Chicken Specialties", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/duck-breast-steak-white-plate_1203-8929.jpg"},
|
||
{
|
||
id: "p2", name: "Shahi Paneer", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/world-cuisine-with-delicious-food_23-2151889993.jpg"},
|
||
{
|
||
id: "p3", name: "Garlic Naan", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-lavash-bread-inside-oven-tandir_114579-3560.jpg"},
|
||
{
|
||
id: "p4", name: "Gajrela Dessert", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-delicious-bright-cake-with-cream-cracker-cookies-dark-surface-cake-biscuit-pie-sugar-sweet-cookie_140725-53948.jpg"},
|
||
{
|
||
id: "p5", name: "Fresh Salad", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg"},
|
||
]}
|
||
title="Signature Dishes"
|
||
description="Our guests can’t stop talking about our tender chicken dishes, creamy paneer, and freshly baked naan—made soft, warm, and perfect every time."
|
||
/>
|
||
</div>
|
||
|
||
<div id="story" data-section="story">
|
||
<FeatureCardTen
|
||
textboxLayout="split"
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
title: "Traditional Recipes", description: "Generations of culinary secrets brought to your plate.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pre-prepared-food-showcasing-ready-eat-delicious-meals-go_23-2151246083.jpg", imageAlt: "authentic indian home cooked meal"
|
||
},
|
||
items: [],
|
||
reverse: false,
|
||
},
|
||
{
|
||
title: "Fresh Ingredients", description: "We source the freshest vegetables and premium meats daily.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-salad-with-fresh-vegetables-wooden-table-cooking-tasty-healthy-food-black-background-vegetarian-food-healthy-cooking-concept-close-up_639032-431.jpg", imageAlt: "authentic indian home cooked meal"
|
||
},
|
||
items: [],
|
||
reverse: true,
|
||
},
|
||
{
|
||
title: "Healthy Comfort", description: "Wholesome food designed to make you feel good after eating.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-penne-cream-sauce_74190-544.jpg?_wi=2", imageAlt: "authentic indian home cooked meal"
|
||
},
|
||
items: [],
|
||
reverse: false,
|
||
},
|
||
]}
|
||
title="Built on Tradition. Loved in Fresno."
|
||
description="Fresno Fresh Food Kitchen was built on a simple idea: serve real, fresh food that feels like home. Every recipe reflects tradition, care, and a passion for quality."
|
||
/>
|
||
</div>
|
||
|
||
<div id="health" data-section="health">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Garden Fresh", description: "Carrots, radish, cucumber, and onion salads—simple, clean, and nourishing.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/various-vegetables-cup-marble-background_114579-67038.jpg", imageAlt: "fresh garden vegetable salad"
|
||
},
|
||
items: [],
|
||
reverse: false,
|
||
},
|
||
]}
|
||
title="Food That Feels Good"
|
||
description="Enjoy meals made with fresh vegetables, balanced spices, and wholesome ingredients."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Sarah J.", handle: "@sarah_fresno", testimonial: "Tastes like homemade food. Best in town!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-food-plate_23-2149152886.jpg"},
|
||
{
|
||
id: "t2", name: "Mark D.", handle: "@mark_eats", testimonial: "Everything fresh made, high quality chicken.", imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-eating_23-2147794384.jpg"},
|
||
{
|
||
id: "t3", name: "Emily R.", handle: "@emily_r", testimonial: "You feel good after eating here. Truly special.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-women-eating-together_23-2149103342.jpg"},
|
||
{
|
||
id: "t4", name: "David K.", handle: "@david_k", testimonial: "Whenever you come to Fresno, try this food.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg"},
|
||
{
|
||
id: "t5", name: "Jessica L.", handle: "@jess_l", testimonial: "Fresh and high quality every time. Amazing.", imageSrc: "http://img.b2bpic.net/free-photo/carefree-african-american-lady-standing-confetti-studio-shot-blissful-black-girl-smiling-beige-background_197531-28959.jpg"},
|
||
]}
|
||
title="Loved by Our Community"
|
||
description="Don't just take our word for it—see what our community has to say."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1", title: "Do you offer delivery?", content: "Yes, we partner with major delivery platforms to bring our fresh food to your door."},
|
||
{
|
||
id: "f2", title: "Are your ingredients fresh?", content: "Absolutely! Everything from our vegetables to meats is sourced and prepared fresh daily."},
|
||
{
|
||
id: "f3", title: "Do you have vegetarian options?", content: "Yes, we have a variety of authentic vegetarian favorites like Shahi Paneer."},
|
||
]}
|
||
sideTitle="Common Questions"
|
||
faqsAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient"}}
|
||
text="Ready for Fresh, Real Flavor? Come visit Fresno Fresh Food Kitchen today."
|
||
buttons={[
|
||
{
|
||
text: "Order Online", href: "#"},
|
||
{
|
||
text: "Call Now", href: "tel:+15550000000"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Menu", items: [
|
||
{
|
||
label: "Full Menu", href: "#menu"},
|
||
{
|
||
label: "Favorites", href: "#menu"},
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "Visit Us", href: "#contact"},
|
||
{
|
||
label: "Order Online", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Fresno Fresh"
|
||
copyrightText="© 2025 Fresno Fresh Food Kitchen"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|