Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #13.
This commit is contained in:
@@ -11,8 +11,8 @@ import { Libre_Baskerville, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'L.B.\'s Family Restaurant | Thompson\'s Staple Diner',
|
||||
description: 'Thompson\'s favorite local diner serving quality food, hearty portions, and community spirit since day one. Visit us today.',
|
||||
title: 'Welcome to Our Platform',
|
||||
description: 'Experience the future of digital solutions today.',
|
||||
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.",
|
||||
|
||||
106
src/app/page.tsx
106
src/app/page.tsx
@@ -1,4 +1,4 @@
|
||||
"use client";
|
||||
'use client';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
@@ -9,57 +9,99 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Star, Shield, ArrowRight } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Signatures", id: "#signatures" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Atmosphere", id: "#atmosphere" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
logoSrc="/logo.svg"
|
||||
logoAlt="Logo"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel title="L.B.'s Family Restaurant" description="Thompson's staple diner since day one. Quality food, hearty portions, and community spirit." background={{ variant: "plain" }} leftCarouselItems={[]} rightCarouselItems={[]} />
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Welcome to Our Platform"
|
||||
description="Experience the future of digital solutions today."
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[{ imageSrc: "/placeholder.jpg", imageAlt: "Hero" }]}
|
||||
rightCarouselItems={[{ imageSrc: "/placeholder.jpg", imageAlt: "Hero" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout title="About Our Story" description={["Since our opening day, L.B.'s has been the heart of Thompson, serving up fresh, hearty meals to our wonderful community.", "We believe in the power of good food and great company, prepared with love in every bite."]} useInvertedBackground={false} />
|
||||
<TextSplitAbout
|
||||
title="About Us"
|
||||
description={["We are a team dedicated to excellence.", "Building the future with passion."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNineteen title="Explore Our Menu" description="From hearty breakfasts to classic comfort dinners, we have something for everyone." features={[{ tag: "Classic", title: "Breakfast Specials", subtitle: "Start your day right", description: "Pancakes, omelettes, and our famous diner coffee." }, { tag: "Popular", title: "Hearty Dinners", subtitle: "Comfort food favorites", description: "Slow-cooked roasts and classic burgers that feel like home." }]} textboxLayout="default" useInvertedBackground={false} />
|
||||
<FeatureCardNineteen
|
||||
title="Our Services"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ tag: "Fast", title: "Service 1", subtitle: "Subtitle", description: "Description", imageSrc: "/placeholder.jpg" },
|
||||
{ tag: "Secure", title: "Service 2", subtitle: "Subtitle", description: "Description", imageSrc: "/placeholder.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="signatures" data-section="signatures">
|
||||
<ProductCardThree title="Signature Dishes" description="The fan favorites you keep coming back for." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" products={[{ id: "1", name: "Famous Burger", price: "$12", imageSrc: "/placeholder.jpg" }, { id: "2", name: "Signature Pancakes", price: "$9", imageSrc: "/placeholder.jpg" }, { id: "3", name: "Hot Roast Beef", price: "$15", imageSrc: "/placeholder.jpg" }]} useInvertedBackground={false} />
|
||||
<ProductCardThree
|
||||
title="Signatures"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{ id: "p1", name: "Signature 1", price: "$10", imageSrc: "/placeholder.jpg" },
|
||||
{ id: "p2", name: "Signature 2", price: "$20", imageSrc: "/placeholder.jpg" },
|
||||
{ id: "p3", name: "Signature 3", price: "$30", imageSrc: "/placeholder.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne title="Customer Reviews" description="See why our guests keep coming back." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" testimonials={[{ id: "1", name: "Sarah M.", role: "Local Resident", company: "Thompson", rating: 5 }, { id: "2", name: "David T.", role: "Regular Customer", company: "Thompson", rating: 5 }]} useInvertedBackground={false} />
|
||||
<TestimonialCardOne
|
||||
title="Testimonials"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Client 1", role: "CEO", company: "Comp A", rating: 5 },
|
||||
{ id: "t2", name: "Client 2", role: "CTO", company: "Comp B", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<TeamCardOne title="Our Atmosphere" description="Experience the warm, welcoming vibe that makes L.B.'s special." gridVariant="three-columns-all-equal-width" animationType="slide-up" textboxLayout="default" members={[{ id: "1", name: "Family Vibe", role: "Welcoming seating for all ages" }, { id: "2", name: "Diner Spirit", role: "Classic, nostalgic decor" }]} useInvertedBackground={false} />
|
||||
<TeamCardOne
|
||||
title="Our Team"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
members={[
|
||||
{ id: "m1", name: "John", role: "Founder", imageSrc: "/placeholder.jpg" },
|
||||
{ id: "m2", name: "Jane", role: "Engineer", imageSrc: "/placeholder.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm title="Visit Us" description="Find us in the heart of town. We can't wait to serve you!" inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]} useInvertedBackground={false} />
|
||||
<ContactSplitForm
|
||||
title="Contact Us"
|
||||
description="Get in touch with our team."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
buttons={[{ text: "Submit" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "#contact" }] }]} bottomLeftText="© 2024 L.B.'s Family Restaurant" bottomRightText="Proudly serving Thompson" />
|
||||
<FooterSimple
|
||||
bottomLeftText="© 2024 Webild"
|
||||
bottomRightText="All Rights Reserved"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user