bender/ded47ad4-e6aa-426e-98cd-0b109c90d93a
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #6

Merged
bender merged 5 commits from version_4 into main 2026-04-22 13:14:14 +00:00
Conversation 0 Commits 5 Files Changed 5 +138 -211
5 changed files with 138 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/app/about/page.tsx
View File

@@ -8,31 +8,44 @@ import FooterCard from '@/components/sections/footer/FooterCard';
export default function AboutPage() {
return (
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
button={{ text: "Book Now", href: "/contact" }}
/>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Our Story", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
button={{ text: "Order Now", href: "/menu" }}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
title="Our Story: Community & Roots"
description={[
"At The Table, we believe in the power of shared experiences. Founded by local culinary enthusiasts, our cafe serves as a hub for the community to gather over thoughtfully sourced, farm-to-table meals.", "We are proudly women-owned and dedicated to supporting small, local producers. Every partnership we build ensures that we not only provide fresh, sustainable ingredients but also empower local entrepreneurs who share our vision for quality and integrity.", "Join us in celebrating the local spirit, one plate at a time."
]}
useInvertedBackground={false}
/>
<TextSplitAbout
useInvertedBackground={true}
title="Our Story"
description={[
"The Table was born from a simple desire: to bring people together through the art of fine dining.", "Our community-focused philosophy ensures that every ingredient we serve is locally sourced, seasonal, and prepared with love.", "We believe that great food is the cornerstone of great memories."
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
<FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
</div>
</ReactLenis>
</ThemeProvider>

88
src/app/contact/page.tsx
View File

@@ -3,85 +3,49 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Instagram, MapPin, Clock, Phone, Mail } from "lucide-react";
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
button={{ text: "Contact", href: "#contact" }}
/>
<NavbarLayoutFloatingInline
navItems={[
{ name: "Our Story", id: "/about" },
{ name: "Menu", id: "/menu" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
button={{ text: "Order Now", href: "/menu" }}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Reach Out"
title="Visit or Contact Us"
description="We're located in the heart of the city and open for your enjoyment. Have a question or want to host an event? Use the form below."
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg"
inputPlaceholder="Enter your email"
buttonText="Join Newsletter"
/>
</div>
<div className="py-20 px-[5vw] grid grid-cols-1 md:grid-cols-2 gap-12">
<div className="space-y-8">
<h2 className="text-3xl font-bold">Location & Hours</h2>
<div className="flex items-center gap-4">
<MapPin className="text-accent" />
<p>123 Culinary Lane, Food City, FC 90210</p>
</div>
<div className="flex items-center gap-4">
<Clock className="text-accent" />
<p>Mon-Sun: 11:00 AM - 10:00 PM</p>
</div>
<div className="flex items-center gap-4">
<Phone className="text-accent" />
<p>(555) 123-4567</p>
</div>
<div className="flex items-center gap-4">
<Mail className="text-accent" />
<p>hello@thetable.com</p>
</div>
</div>
<div className="bg-card p-8 rounded-lg">
<h3 className="text-2xl font-semibold mb-4">Social Feed</h3>
<p className="mb-6">Follow our journey on Instagram for daily specials and updates.</p>
<a href="#" className="flex items-center gap-2 text-primary-cta font-bold hover:underline">
<Instagram /> @TheTableRestaurant
</a>
</div>
<ContactCTA
tag="Get In Touch"
title="We'd Love to Hear From You"
description="Whether you have questions about our menu, want to book a private event, or just want to say hi, we're here to help."
buttons={[{ text: "Call Us", href: "tel:+1234567890" }, { text: "Email Us", href: "mailto:hello@thetable.com" }]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="The Table"
copyrightText="© 2025 The Table Restaurant"
/>
<FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
</div>
</ReactLenis>
</ThemeProvider>

48
src/app/events/page.tsx
View File

@@ -8,44 +8,30 @@ import FooterCard from '@/components/sections/footer/FooterCard';
export default function EventsPage() {
return (
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
button={{ text: "View Full Calendar", href: "#contact" }}
/>
</div>
<div id="events" data-section="events">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
/>
<div className="pt-24">
<MetricCardEleven
animationType="slide-up"
title="Join Our Recurring Events"
description="Discover our weekly culinary traditions and special community gatherings. Book your spot today!"
textboxLayout="default"
useInvertedBackground={false}
title="Upcoming Events"
description="Join us for exclusive dining events, tastings, and community gatherings."
metrics={[
{
id: "e1", value: "Weekly", title: "Sunday Brunch Club", description: "Farm-fresh seasonal brunch menu every Sunday. RSVP required to secure your favorite corner table.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg"
},
{
id: "e2", value: "Monthly", title: "Farmer Partner Dinners", description: "Exclusive seasonal tasting menus curated with our local farm partners. Join our mailing list for invites.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg"
},
{
id: "e3", value: "Seasonal", title: "Workshops & Tastings", description: "Learn from local experts in our monthly cooking and wine-tasting masterclasses.", imageSrc: "http://img.b2bpic.net/free-photo/girl-slices-vegetables-board-prepares-salad-nature-sunny-day-cooking-close-up-view_78826-3100.jpg"
},
{ id: "e1", value: "Wine Tasting", title: "Friday, 7:00 PM", description: "RSVP for an evening of fine wine and cheese pairings.", imageSrc: "https://images.unsplash.com/photo-1506377330807-133501a5202e?q=80&w=600" },
{ id: "e2", value: "Coffee Workshop", title: "Saturday, 10:00 AM", description: "Learn the art of brewing the perfect cup from our head barista.", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=600" },
]}
buttons={[{ text: "View Full Calendar", href: "#contact" }]}
buttons={[{ text: "RSVP Now", href: "/contact" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
</div>
<FooterCard logoText="The Table" />
</ReactLenis>
</ThemeProvider>
);

65
src/app/menu/page.tsx
View File

@@ -8,56 +8,33 @@ import FooterCard from '@/components/sections/footer/FooterCard';
export default function MenuPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmall"
background="blurBottom"
cardStyle="glass-depth"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ThemeProvider>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" }
]}
brandName="The Table"
button={{ text: "Order Now", href: "#menu" }}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
title="Our Menu"
description="Discover our curated selections of fine coffee, tea, pastries, wine, and small plates."
gridVariant="three-columns-all-equal-width"
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Menu", id: "/menu" },
{ name: "Events", id: "/events" },
{ name: "Contact", id: "/contact" },
]}
brandName="The Table"
/>
<div className="pt-24">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
gridVariant="three-columns-all-equal-width"
title="Our Menu"
description="Discover our curated selection of fine coffees and exquisite wines."
products={[
{ id: "coffee", name: "Signature Roast Coffee", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-latte-art-coffee-beans-dark-background_140725-6677.jpg", imageAlt: "Coffee" },
{ id: "tea", name: "Organic Jasmine Tea", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-cups-tea-leaves-tea-pot-wooden-table_23-2148767931.jpg", imageAlt: "Tea" },
{ id: "pastry", name: "Butter Croissant", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/croissants-wooden-surface_1150-13654.jpg", imageAlt: "Pastry" },
{ id: "wine", name: "House Red Wine", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-with-red-wine-wooden-table_23-2148419688.jpg", imageAlt: "Wine" },
{ id: "plates", name: "Assorted Small Plates", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/tapas-platter-selection_114579-2462.jpg", imageAlt: "Small Plates" }
{ id: "c1", name: "Signature Espresso", price: "$4", imageSrc: "https://images.unsplash.com/photo-1510707577719-ae7c14805e3a?q=80&w=600" },
{ id: "c2", name: "Pour Over Coffee", price: "$6", imageSrc: "https://images.unsplash.com/photo-1544716278-ca5e3f4abd8c?q=80&w=600" },
{ id: "w1", name: "Pinot Noir", price: "$12/glass", imageSrc: "https://images.unsplash.com/photo-1553361371-9b22f780351d?q=80&w=600" },
{ id: "w2", name: "Chardonnay", price: "$14/glass", imageSrc: "https://images.unsplash.com/photo-1586375300773-8384e3e4916f?q=80&w=600" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="The Table"
copyrightText="© 2025 The Table Restaurant"
/>
/>
</div>
<FooterCard logoText="The Table" />
</ReactLenis>
</ThemeProvider>
);

97
src/app/page.tsx
View File

@@ -2,17 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Sparkles } from "lucide-react";
import ContactForm from '@/components/form/ContactForm';
import { Sparkles, Mail, Instagram, CalendarCheck, ShoppingBag } from "lucide-react";
export default function LandingPage() {
return (
@@ -35,11 +36,11 @@ export default function LandingPage() {
{ name: "Our Story", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Events", id: "events" },
{ name: "Contact", id: "/contact" },
{ name: "Contact", id: "contact" },
]}
brandName="The Table"
button={{
text: "Order Now", href: "#menu"
text: "Order Now", href: "#menu"
}}
/>
</div>
@@ -52,7 +53,7 @@ export default function LandingPage() {
description="Experience fine dining reimagined with fresh local ingredients and a warm, welcoming atmosphere in the heart of the city."
tag="Voted Best in Town"
buttons={[
{ text: "Book Table", href: "/contact" },
{ text: "Book Table", href: "#contact" },
{ text: "View Menu", href: "#menu" },
]}
mediaItems={[
@@ -82,14 +83,14 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Mobile Responsive", subtitle: "View our menu effortlessly on any device.", category: "Service", value: "100%" },
{ id: "f2", title: "Online Ordering", subtitle: "Order your favorite meals ahead with one click.", category: "Convenience", value: "Fast" },
{ id: "f3", title: "Event RSVP", subtitle: "Manage your event attendance with ease.", category: "Booking", value: "Easy" },
{ id: "f4", title: "Newsletter Signup", subtitle: "Join our community for updates and perks.", category: "Community", value: "Join" },
{ id: "f5", title: "Social Feed", subtitle: "Follow our culinary journey on Instagram.", category: "Social", value: "Live" },
{ id: "f1", title: "Mobile Responsive", subtitle: "Seamless experience across all devices.", category: "Design", value: "Smooth", buttons: [{text: "Learn More"}] },
{ id: "f2", title: "Online Ordering", subtitle: "Order meals ahead with one click.", category: "Convenience", value: "Quick", buttons: [{text: "Order Now"}] },
{ id: "f3", title: "Event RSVP", subtitle: "Register for special dining events.", category: "Booking", value: "Open", buttons: [{text: "RSVP Now"}] },
{ id: "f4", title: "Newsletter", subtitle: "Stay updated with special perks.", category: "Community", value: "Join", buttons: [{text: "Sign Up"}] },
{ id: "f5", title: "Social Feed", subtitle: "Check out our live Instagram gallery.", category: "Social", value: "Live", buttons: [{text: "View Feed"}] },
]}
title="Modern Restaurant Amenities"
description="Designed for your comfort and connection, our digital-first approach ensures a seamless experience from booking to dining."
title="Modern Restaurant Experience"
description="Designed for your comfort, our digital-first approach ensures a seamless connection from reservation to the last bite."
/>
</div>
@@ -103,28 +104,21 @@ export default function LandingPage() {
{ id: "p1", name: "Artisan Bread Basket", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/sliced-greenery-vegetables-pomegranate-arils-plate_114579-86474.jpg" },
{ id: "p2", name: "Seared Prime Steak", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/fried-eggplant-with-tomatoes-sesame-seeds-plate_140725-9191.jpg" },
{ id: "p3", name: "Homemade Basil Pasta", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/vegan-pasta-white-plate_23-2148305758.jpg" },
{ id: "p4", name: "Pan-Seared Sea Bass", price: "$36", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg" },
{ id: "p5", name: "Dark Chocolate Mousse", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" },
{ id: "p6", name: "Fresh Harvest Salad", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/bowl-salad-with-fried-potatoes-arugula-cucumber-lettuce-yoghurt_140725-1500.jpg" },
]}
title="Seasonal Menu Highlights"
description="Artisanal ingredients meet culinary expertise in every curated plate we serve."
title="Seasonal Menu"
description="Carefully crafted dishes using locally sourced produce."
/>
</div>
<div id="events" data-section="events">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15K+", title: "Happy Guests Served", description: "Delivering excellence at every seat.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-dinner-together_23-2148454081.jpg" },
{ id: "m2", value: "24", title: "Industry Awards", description: "Celebrating culinary excellence and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-plates-with-golden-spoons-dark-background-color-food-cutlery-restaurant-dinner-cafe_179666-19702.jpg" },
{ id: "m3", value: "12", title: "Local Farms Partners", description: "Directly sourcing sustainable ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/girl-slices-vegetables-board-prepares-salad-nature-sunny-day-cooking-close-up-view_78826-3100.jpg" },
]}
title="Community Milestones"
description="Our passion drives impact in our local community through shared dining and meaningful gathering."
/>
<div id="newsletter" data-section="newsletter">
<ContactForm
tag="Join Us"
tagIcon={Mail}
title="Stay Connected"
description="Join our newsletter to receive weekly specials and exclusive invitations to our events."
inputPlaceholder="Enter your email address"
buttonText="Sign Up"
/>
</div>
<div id="testimonials" data-section="testimonials">
@@ -135,10 +129,6 @@ export default function LandingPage() {
author="Samantha W."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/women-eating-traditional-italian-pizza-together_52683-110888.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/salad-with-oil-fresh-tomatoes-colourful-bell-peppers-red-beans_140725-10631.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/good-humoured-caucasian-woman-enjoying-healthy-food-indoor-shot-smiling-girl-eating-salad_197531-17196.jpg", alt: "Customer" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -150,36 +140,33 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend booking in advance through our website." },
{ id: "q2", title: "Are you pet friendly?", content: "Our patio area is pet friendly, though indoors is reserved for human diners." },
{ id: "q3", title: "Do you offer private dining?", content: "Absolutely! Contact us for private event packages and availability." },
{ id: "q1", title: "Do you take reservations?", content: "Yes, please book online." },
{ id: "q2", title: "How do I RSVP for events?", content: "Use the RSVP links on our events section." },
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-service-industry_23-2150722790.jpg"
mediaAnimation="slide-up"
title="Got Questions?"
description="Here is everything you need to know about dining at The Table."
faqsAnimation="slide-up"
title="FAQ"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Ready for your next favorite meal? Let us save you a seat."
buttons={[
{ text: "Contact Us", href: "/contact" },
]}
/>
<ContactCTA
tag="Visit Us"
title="Reserve Your Seat"
description="We are ready to welcome you for an unforgettable dining experience."
buttons={[{ text: "Call to Book" }, { text: "Directions" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="The Table"
copyrightText="© 2025 The Table Restaurant"
/>
<FooterBaseReveal
logoText="The Table"
columns={[
{ title: "Navigation", items: [{label: "About", href: "#about"}, {label: "Menu", href: "#menu"}] },
{ title: "Connect", items: [{label: "Newsletter", href: "#newsletter"}, {label: "Instagram", href: "#"}] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}