Files
80cd58ed-e4ff-432c-9b61-8e7…/src/app/page.tsx
2026-04-09 11:32:41 +00:00

220 lines
7.5 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { MapPin } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="noiseDiagonalGradient"
cardStyle="outline"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Features",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Life In Alamo City"
/>
</div>
<div id="hero" data-section="hero">
<HeroLogo
logoText="Life In Alamo City"
description="Discover authentic local dining experiences in the heart of Alamo City. Your table awaits."
buttons={[
{
text: "Explore Menu",
href: "#features",
},
{
text: "Contact Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157811.jpg"
imageAlt="cozy restaurant interior warm lighting"
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Experience the True Flavor of Alamo City.",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/beautiful-woman-shopping-organic-products_23-2148672820.jpg",
alt: "restaurant kitchen fresh food",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "1",
label: "Culinary",
title: "Artisanal Cuisine",
items: [
"Fresh local produce",
"Signature cooking techniques",
"Seasonally inspired menu",
],
},
{
id: "2",
label: "Service",
title: "Exceptional Hospitality",
items: [
"Warm attentive staff",
"Expert wine pairing",
"Custom event hosting",
],
},
{
id: "3",
label: "Ambiance",
title: "Authentic Setting",
items: [
"Modern rustic decor",
"Intimate dining spaces",
"Curated background music",
],
},
]}
title="Our Signature Experiences"
description="Handcrafted dishes, locally sourced ingredients, and an atmosphere like no other."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
date: "Jan 2025",
title: "Great find!",
quote: "The most authentic flavors in the city. Truly an unforgettable dinner.",
tag: "Dinner",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157811.jpg",
imageAlt: "cozy restaurant interior warm lighting",
},
{
id: "2",
name: "Sarah M.",
date: "Dec 2024",
title: "Wonderful",
quote: "A perfect setting for our anniversary celebration. Service was top-notch.",
tag: "Celebration",
avatarSrc: "http://img.b2bpic.net/free-photo/black-bearded-male-redhead-female-drink-coffee-cafe-street_613910-1414.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-shopping-organic-products_23-2148672820.jpg",
imageAlt: "restaurant kitchen fresh food",
},
{
id: "3",
name: "David K.",
date: "Dec 2024",
title: "Loved it",
quote: "The quality of the ingredients really shines through. Highly recommended.",
tag: "Casual",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-smiling-beautiful-woman-retro-vintage-50s-cafe-drinking-milk-shake-cocktail-pink-tshirt-silver-jacket-wearing-pink-sunglasses-having-fun-cheerful-mood_285396-10714.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/pancake-breakfast_74190-750.jpg",
imageAlt: "fresh gourmet plate serving",
},
{
id: "4",
name: "Maria L.",
date: "Nov 2024",
title: "Amazing",
quote: "Creative dishes and a very warm atmosphere. We will be back again.",
tag: "Dinner",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-shirt-sitting-bar-counter-with-soda-water-hand-burger-near-happily-looking-camera-while-spending-time-cafe_574295-329.jpg",
imageAlt: "happy customer dining restaurant",
},
{
id: "5",
name: "John W.",
date: "Oct 2024",
title: "Best spot",
quote: "Consistently excellent. This has become our go-to restaurant.",
tag: "Brunch",
avatarSrc: "http://img.b2bpic.net/free-photo/adolescent-confidential-therapy-session-address-anxiety-low-self-esteem_482257-105928.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-male-redhead-female-drink-coffee-cafe-street_613910-1414.jpg",
imageAlt: "relaxed couple restaurant booth",
},
]}
title="Stories from Alamo City"
description="What our guests are saying about their dining experience."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
title="Visit Us Today"
description="Join us for a memorable meal in Alamo City. Reserve your table or contact us for inquiries."
tag="Get in Touch"
tagIcon={MapPin}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Life In Alamo City"
copyrightText="© 2025 Life In Alamo City. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}