Merge version_1 into main #7
@@ -11,8 +11,8 @@ import { Libre_Baskerville, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'L.B.\'s Family Restaurant | Thompson, CT',
|
||||
description: 'Authentic, family-owned dining in Thompson, CT. Serving breakfast, lunch, and dinner with a side of community pride.',
|
||||
title: 'Innovation Driven Website',
|
||||
description: 'Explore our signature products and expert services.',
|
||||
openGraph: {
|
||||
"title": "L.B.'s Family Restaurant | Where Every Table Feels Like Home",
|
||||
"description": "Thompson's staple diner since day one. Quality food, hearty portions, and community spirit.",
|
||||
|
||||
202
src/app/page.tsx
202
src/app/page.tsx
@@ -1,166 +1,58 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Page() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Signatures", id: "signatures" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Atmosphere", id: "atmosphere" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="L.B.'s"
|
||||
button={{ text: "Call Us", href: "tel:8605550123" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Thompson's Favorite Table Since Day One."
|
||||
description="Breakfast, lunch & dinner made with care — served with a smile you'll remember."
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Breakfast Spread" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Lunch Spread" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Dinner Plate" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Diner Interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Coffee Service" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Staff Serving" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Breakfast Spread" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Lunch Spread" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Dinner Plate" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Diner Interior" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Coffee Service" }, { imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "Staff Serving" }]}
|
||||
buttons={[{ text: "See Our Menu", href: "#menu" }, { text: "Get Directions", href: "#contact" }]}
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", alt: "Customer 1" }, { src: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", alt: "Customer 2" }, { src: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", alt: "Customer 3" }, { src: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", alt: "Customer 4" }, { src: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", alt: "Customer 5" }]}
|
||||
avatarText="Loved by 1,000+ local families"
|
||||
marqueeItems={[{ type: "text", text: "Locally Sourced" }, { type: "text", text: "Family Owned" }, { type: "text", text: "Fresh Daily" }, { type: "text", text: "Est. 2004" }, { type: "text", text: "Community First" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Meal. A Tradition."
|
||||
description={["For over 20 years, L.B.'s Family Restaurant has been the heartbeat of Thompson, CT. From weekend breakfast crowds to quiet weekday lunches, we've served generations of families, locals, and travelers who stumbled in and never forgot us.", "Our kitchen runs on fresh ingredients, home recipes, and a whole lot of pride."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Menu", title: "Breakfast", subtitle: "Favorites", description: "Classic eggs, pancakes, and house specialties.", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg" },
|
||||
{ tag: "Menu", title: "Burgers", subtitle: "Hand-Pressed", description: "Juicy burgers on toasted buns.", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg" },
|
||||
{ tag: "Menu", title: "Soups", subtitle: "Homemade", description: "Daily soups made from scratch.", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg" },
|
||||
{ tag: "Menu", title: "Dinner", subtitle: "Hearty Plates", description: "Comfort food that feels like home.", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg" },
|
||||
{ tag: "Menu", title: "Dessert", subtitle: "Sweet Treats", description: "Cakes, pies, and waffles.", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg" },
|
||||
{ tag: "Menu", title: "Drinks", subtitle: "Specials", description: "Coffee, wine, and local beer.", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg" },
|
||||
]}
|
||||
title="Something for Everyone."
|
||||
description="Explore our hearty menu options made from scratch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="signatures" data-section="signatures">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Breakfast Burrito", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-with-vegetable-wraps_1203-9289.jpg" },
|
||||
{ id: "2", name: "Chopped Sirloin Dinner", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-plate-high-angle_23-2149214639.jpg" },
|
||||
{ id: "3", name: "Dessert Waffle", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-waffle-cakes-with-chocolate-bars-brown-background_140725-132681.jpg" },
|
||||
{ id: "4", name: "Home-style Omelet", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-with-vegetable-wraps_1203-9289.jpg" },
|
||||
{ id: "5", name: "Country Fried Steak", price: "$16.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-plate-high-angle_23-2149214639.jpg" },
|
||||
{ id: "6", name: "Hot Fudge Sundae", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-waffle-cakes-with-chocolate-bars-brown-background_140725-132681.jpg" },
|
||||
]}
|
||||
title="Fan-Favorite Dishes"
|
||||
description="Our most popular picks recommended by locals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Scott P.", role: "Local", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-flowers-food_23-2150642369.jpg", imageAlt: "lively diner breakfast spread" },
|
||||
{ id: "2", name: "Jonathan St. Marie", role: "Traveler", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-653.jpg", imageAlt: "friendly restaurant staff smiling" },
|
||||
{ id: "3", name: "Hannah Kallgren", role: "Customer", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smoked-salmon-with-vegetable-wraps_1203-9289.jpg", imageAlt: "delicious breakfast burrito plate" },
|
||||
{ id: "4", name: "David Simmons", role: "Regular", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-plate-high-angle_23-2149214639.jpg", imageAlt: "chopped sirloin steak dinner" },
|
||||
{ id: "5", name: "Shannon D'Angelo", role: "Fan", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-waffle-cakes-with-chocolate-bars-brown-background_140725-132681.jpg", imageAlt: "gourmet dessert waffle plate" },
|
||||
{ id: "6", name: "Luis Antonio", role: "Visitor", company: "Google Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-scene-tables-chairs_1147-444.jpg", imageAlt: "warm inviting booth seating diner" },
|
||||
]}
|
||||
title="Don't Take Our Word for It."
|
||||
description="Real feedback from our wonderful community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "1", name: "Warm Welcoming Booths", role: "Family Friendly", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-scene-tables-chairs_1147-444.jpg" },
|
||||
{ id: "2", name: "Our Kitchen Staff", role: "Pride in Every Dish", imageSrc: "http://img.b2bpic.net/free-photo/rustic-restaurant-furniture-restaurant_53876-16490.jpg" },
|
||||
{ id: "3", name: "Coffee is Always Hot", role: "Service with a Smile", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893787.jpg" },
|
||||
]}
|
||||
title="A Place That Feels Like Yours."
|
||||
description="Pull up a stool or grab a booth — there's always room for you at L.B.'s."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Find Us in Thompson"
|
||||
description="Have questions or want to place a to-go order? We're here to help."
|
||||
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/restaurant-scene-tables-chairs_1147-444.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Breakfast", href: "#menu" }, { label: "Lunch", href: "#menu" }, { label: "Dinner", href: "#menu" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© L.B.'s Family Restaurant — Thompson, CT"
|
||||
bottomRightText="Built with Community Pride"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel title="Experience Innovation" description="Redefining excellence in every detail." background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout title="About Us" description={["We are a team dedicated to excellence."]} />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNineteen title="Our Features" description="Explore what makes us unique." features={[{ tag: "New", title: "Feature 1", subtitle: "Innovation", description: "High quality service." }, { tag: "Update", title: "Feature 2", subtitle: "Advanced", description: "Built for performance." }]} textboxLayout="default" />
|
||||
</div>
|
||||
<div id="signatures" data-section="signatures">
|
||||
<ProductCardThree title="Signatures" description="Exclusive collections." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Signature 1", price: "$99", imageSrc: "/images/product1.jpg" }, { id: "2", name: "Signature 2", price: "$149", imageSrc: "/images/product2.jpg" }, { id: "3", name: "Signature 3", price: "$199", imageSrc: "/images/product3.jpg" }]} />
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne title="Client Reviews" description="What they say about us." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 }, { id: "2", name: "Jane Smith", role: "CTO", company: "Design Inc", rating: 5 }]} />
|
||||
</div>
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<TeamCardOne title="Our Atmosphere" description="Meet the people behind the magic." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Alice", role: "Lead Designer" }, { id: "2", name: "Bob", role: "Engineer" }]} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm title="Contact Us" description="Get in touch with our team today." inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} bottomLeftText="© 2024" bottomRightText="All Rights Reserved" />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user