256 lines
12 KiB
TypeScript
256 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Pizza, Star, Utensils } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmall"
|
|
background="floatingGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="The River Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Fresh. Local. River Cafe."
|
|
description="Authentic tacos, burritos, and comfort food in the heart of Poughkeepsie. Dine in or get it delivered to your door."
|
|
testimonials={[
|
|
{
|
|
name: "Cerika Williams", handle: "@LocalGuide", testimonial: "10/10 Food, 10/10 Music. The vibe is immaculate.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DirsjPvBtlOR8NYReIlITa2Yl7/uploaded-1778777086037-6n51y39f.png", imageAlt: "User provided image"},
|
|
{
|
|
name: "Taylor Bozydaj", handle: "@LocalGuide", testimonial: "Lunch was incredible. Key lime pie and corn bread are a must!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg", imageAlt: "User provided image"},
|
|
{
|
|
name: "Michelle Pesos", handle: "@Foodie", testimonial: "Best service and food! The tacos were just amazinggggg.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg", imageAlt: "User provided image"},
|
|
{
|
|
name: "Ariel Rodriguez", handle: "@LocalReviewer", testimonial: "Surprisingly great selection, definitely check out the ribs and empanadas.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg", imageAlt: "User provided image"},
|
|
{
|
|
name: "Jazmyn Cooper", handle: "@LocalCustomer", testimonial: "The atmosphere tops it all! Great food and cocktails.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-glass_23-2148965392.jpg", imageAlt: "User provided image"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DirsjPvBtlOR8NYReIlITa2Yl7/uploaded-1778777086037-6n51y39f.png"
|
|
imageAlt="The River Cafe Menu Header"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/photo-overjoyed-dark-skinned-girl-has-bushy-hair-laughs-looks-aside-uses-cell-phone-online-communication-messaging-with-friends-drinks-smoothie-cozy-cafeteria_273609-29417.jpg", alt: "Happy customer at cafe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg", alt: "Lunch cafe diner"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5040.jpg", alt: "Beautiful customer in cafe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-food_23-2149250084.jpg", alt: "Smiling woman in cafe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg", alt: "Hipster customer in cafe"},
|
|
]}
|
|
avatarText="Join 500+ happy diners"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Gourmet Tacos", description: "Steak, chicken, birria, or lobster. Served with pico de gallo and fresh salsas.", icon: Utensils,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-tacos-arrangement_23-2150799559.jpg", imageAlt: "Gourmet Tacos"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-food-sold-streets-city_23-2151516916.jpg", imageAlt: "Taco Platter"},
|
|
],
|
|
},
|
|
{
|
|
title: "Hearty Burritos", description: "Loaded with yellow rice, pinto beans, and your choice of protein.", icon: Star,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-taking-slice-mexican-beef-tacos_23-2148042488.jpg", imageAlt: "Burrito"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-delicious-shaurma-salad-sandwich-grey-surface-meal-salad-burger-sandwich-food_140725-101516.jpg", imageAlt: "Burrito Detail"},
|
|
],
|
|
},
|
|
{
|
|
title: "Personal Pizzas", description: "7 inch personal pies with fresh toppings and a perfect crust.", icon: Pizza,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pepperoni-pizza-with-tomato-cheese_140725-6768.jpg", imageAlt: "Personal Pizza"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pepperoni-pizza-with-tomato-sauce-cheese_141793-2448.jpg", imageAlt: "Pizza Slice"},
|
|
],
|
|
},
|
|
]}
|
|
title="Our Signature Menu"
|
|
description="From savory tacos to artisan pizzas, we use fresh ingredients to create comfort food made with love."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Made With Love"
|
|
description="Located at 35 Main St, we pride ourselves on community, quality, and diverse flavors. Whether you're coming for a quick lunch or a late night cocktail, you're always welcome at The River Cafe."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
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_639032-423.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Cerika Williams", role: "Local Guide", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-photos_23-2149250044.jpg"},
|
|
{
|
|
id: "2", name: "Taylor Bozydaj", role: "Local Guide", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg"},
|
|
{
|
|
id: "3", name: "Michelle Pesos", role: "Foodie", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-african-american-woman-black-cap-chilling-cozy-cafe_627829-5870.jpg"},
|
|
{
|
|
id: "4", name: "Ariel Rodriguez", role: "Reviewer", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-glass_23-2148965392.jpg"},
|
|
{
|
|
id: "5", name: "Jazmyn Cooper", role: "Local", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "4.2", label: "Google Rating"},
|
|
{
|
|
value: "47+", label: "Happy Reviews"},
|
|
{
|
|
value: "Fresh", label: "Ingredients"},
|
|
]}
|
|
title="What Our Community Says"
|
|
description="We are proud to serve the Poughkeepsie community and appreciate all the support."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Dine-in", "Curbside Pickup", "No-Contact Delivery", "LGBTQ+ Friendly", "Family-Friendly", "Group Dining", "Catering"]}
|
|
title="Trusted by the Valley"
|
|
description="Join our community of happy diners and food enthusiasts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you offer delivery?", content: "Yes, we offer convenient no-contact delivery."},
|
|
{
|
|
id: "2", title: "Are you LGBTQ+ friendly?", content: "We are proud to be an inclusive, LGBTQ+ friendly space."},
|
|
{
|
|
id: "3", title: "Can we book for groups?", content: "Absolutely! We love hosting groups and catering for events."},
|
|
]}
|
|
title="Common Questions"
|
|
description="Everything you need to know about dining at The River Cafe."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us"
|
|
description="35 Main St, Suite 101, Poughkeepsie, NY. Stop by or give us a call at (845) 345-9355."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Any questions or catering requests?", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/red-chair-table-cafe_1339-8016.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-setting-with-wooden-chairs-tables-beautiful-view_181624-9887.jpg"
|
|
logoText="The River Cafe"
|
|
columns={[
|
|
{
|
|
title: "Info", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|