248 lines
12 KiB
TypeScript
248 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { Award, Clock, Smile } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="rounded"
|
||
contentWidth="compact"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="blurBottom"
|
||
cardStyle="gradient-mesh"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "products"},
|
||
{
|
||
name: "Reviews", id: "testimonials"},
|
||
{
|
||
name: "Location", id: "contact"},
|
||
]}
|
||
brandName="THE LUNCH SPOT"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="The Best Lunch You’ll Have All Week"
|
||
description="Treat yourself to our daily special—chef's signature entree for just $9 today only! Order now before we sell out and secure your premium lunch experience."
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg", imageAlt: "Luxurious table"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/italian-lasagne-served-with-rocket-salad_141793-1787.jpg", imageAlt: "Gourmet meal"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-blueberries-dark-plate_23-2148425537.jpg", imageAlt: "Elegant decor"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-male-dining-out-with-his-friends-restaurant_181624-39580.jpg", imageAlt: "Warm service"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-salad-round-shape-salt_23-2148748877.jpg", imageAlt: "Clean ambiance"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-radish-slices_140725-3402.jpg", imageAlt: "Five star food"},
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-black-pasta-top-view_23-2148469856.jpg", imageAlt: "Luxurious table"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/some-macaroni-black-plate-black-background-side-view_176474-3927.jpg", imageAlt: "Gourmet meal"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-ny-cheesecake-with-berry-sauce_114579-2316.jpg", imageAlt: "Elegant decor"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-table-arrangement_52683-107254.jpg", imageAlt: "Warm service"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081867.jpg", imageAlt: "Clean ambiance"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-green-salad-with-chips-glass-prosecco_114579-3779.jpg", imageAlt: "Five star food"},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Order Now", href: "#"},
|
||
{
|
||
text: "Visit Us", href: "#contact"},
|
||
]}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg", alt: "Diner 1"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/friends-eating-restaurant_23-2148006620.jpg", alt: "Diner 2"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/man-eating-egg-tomato-dish-served-with-bread-cup-coffee_140725-8739.jpg", alt: "Diner 3"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/high-angle-woman-cutting-food_23-2150124822.jpg", alt: "Diner 4"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/vertical-shot-vanilla-ice-cream-scoop-plate-isolated-black-background_181624-57527.jpg", alt: "Diner 5"},
|
||
]}
|
||
avatarText="Join 5,000+ happy lunch guests"
|
||
marqueeItems={[
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/dark-bowl-with-pasta-beans-with-spoons-dark-background_23-2148340384.jpg", alt: "Gourmet dish"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949024.jpg", alt: "Fine plating"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-scoop-ice-cream-with-herbs_23-2148425548.jpg", alt: "Restaurant vibe"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/pasta-with-green-pesto-sauce-with-peanuts_114579-2434.jpg", alt: "Handmade pasta"},
|
||
{
|
||
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-bowl-with-black-spaghetti-squid_23-2148461690.jpg", alt: "Specialty entree"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<AboutMetric
|
||
useInvertedBackground={false}
|
||
title="A Beloved Local Lunch Spot"
|
||
metrics={[
|
||
{
|
||
icon: Award,
|
||
label: "Rating", value: "5.0 ★"},
|
||
{
|
||
icon: Smile,
|
||
label: "Recommended", value: "100%"},
|
||
{
|
||
icon: Clock,
|
||
label: "Wait Time", value: "None"},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1", name: "Chef's Signature Lunch", price: "$9", imageSrc: "http://img.b2bpic.net/free-photo/baked-salmon-fillet-with-potatoes-cheese-rolls-vegetables-mix_114579-199.jpg"},
|
||
{
|
||
id: "p2", name: "Garden Fresh Salad", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fresh-vegetable-chicken-salad-white-plate-wood-table-delicious-salad_114579-113.jpg"},
|
||
{
|
||
id: "p3", name: "Artisanal Soup Bowl", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-shrimp-prawn-steak_74190-5873.jpg"},
|
||
{
|
||
id: "p4", name: "Gourmet Grilled Sandwich", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081457.jpg"},
|
||
{
|
||
id: "p5", name: "Special Daily Entree", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/salad-served-with-crispy-cracker-green-vegetables_114579-1717.jpg"},
|
||
{
|
||
id: "p6", name: "Handmade Dessert", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-salad_140725-6549.jpg"},
|
||
]}
|
||
title="Menu Highlights"
|
||
description="Exquisite dishes crafted with fresh local ingredients. Affordable pricing, world-class flavor."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Juan Pérez", role: "Food Blogger", company: "Local Foodie", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg"},
|
||
{
|
||
id: "t2", name: "Maria Garcia", role: "Regular", company: "Neighborhood", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-photos-food_23-2149303512.jpg"},
|
||
{
|
||
id: "t3", name: "Carlos Gomez", role: "Food Critic", company: "Regional Guide", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-having-lunch-with-her-husband-talking-him-dining-table_637285-10457.jpg"},
|
||
{
|
||
id: "t4", name: "Sofia Torres", role: "Regular", company: "Community", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517420.jpg"},
|
||
{
|
||
id: "t5", name: "Luis Martinez", role: "Visitor", company: "Tourist", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg"},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
value: "5/5", label: "Food Rating"},
|
||
{
|
||
value: "5/5", label: "Service"},
|
||
{
|
||
value: "5/5", label: "Atmosphere"},
|
||
]}
|
||
title="Todo Riquísimo"
|
||
description="Hear why our community loves us. 100% recommended by every guest."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Gourmet Award", "Top Pick", "Clean & Safe", "Excellence Seal", "Local Favorite", "5 Star Rating", "Food Critic Approved"]}
|
||
title="Trusted by the Best"
|
||
description="Recognized for excellence in food, service, and accessibility."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Come Hungry. Leave Happy."
|
||
description="Located in the heart of the city with plenty of parking and no wait times. We are ready to serve you the best lunch of your week."
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286009.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/woman-with-smartphone-sitting-cafe_23-2147771342.jpg"
|
||
logoText="THE LUNCH SPOT"
|
||
columns={[
|
||
{
|
||
title: "Visit", items: [
|
||
{
|
||
label: "View Directions", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{
|
||
label: "Privacy Policy", href: "#"},
|
||
{
|
||
label: "Terms of Service", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |