2 Commits

Author SHA1 Message Date
229faa120b Update src/app/page.tsx 2026-04-20 13:59:30 +00:00
413f8d672d Merge version_1 into main
Merge version_1 into main
2026-04-19 23:39:50 +00:00

View File

@@ -3,12 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'; import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered'; import HeroCentered from '@/components/sections/hero/HeroCentered';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ButtonHoverBubble from '@/components/button/ButtonHoverBubble';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -25,129 +26,101 @@ export default function LandingPage() {
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", id: "/"}, { name: "Menu", id: "/menu" },
{ { name: "Reservations", id: "/reservations" },
name: "Menu", id: "/menu"}, { name: "About", id: "/about" },
{ { name: "Contact", id: "/contact" },
name: "Reservations", id: "/reservations"}, ]}
{ brandName="Lounge Restaurant"
name: "About", id: "/about"}, />
{ </div>
name: "Contact", id: "/contact"},
]}
brandName="Lounge Restaurant"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars"}} title="Cuisine & Cocktails in Charlesbourg"
title="Cuisine & Cocktails in Charlesbourg" description="Experience modern dining and mastercrafted cocktails in the heart of Québec. Reserve your table for an unforgettable evening."
description="Experience modern dining and mastercrafted cocktails in the heart of Québec. Reserve your table for an unforgettable evening." avatars={[
avatars={[ { src: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg", alt: "Diner 1" }, { src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-enjoying-drinks_23-2147859549.jpg", alt: "Diner 2" }, { src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Diner 3" }, { src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Diner 4" }, { src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg", alt: "Diner 5" }
{ src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg", alt: "Diner 5" } ]}
]} avatarText="Join 2,000+ happy diners"
avatarText="Join 2,000+ happy diners" buttons={[
buttons={[ { text: "Call Now", href: "tel:+14185550123" },
{ text: "Call Now", href: "tel:+14185550123" }, { text: "Reserve a Table", href: "/reservations" }
{ text: "Reserve a Table", href: "/reservations" } ]}
]} />
marqueeItems={[ </div>
{ type: "text", text: "Modern Ambiance" },
{ type: "text", text: "Craft Cocktails" },
{ type: "text", text: "Local Ingredients" },
{ type: "text", text: "Private Events" },
{ type: "text", text: "Chef Inspired" }
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="A Modern Lounge Experience" title="A Modern Lounge Experience"
description="Discover our commitment to quality local ingredients and innovative cocktail pairings. Whether it's a romantic dinner or a celebratory night out, we provide the perfect ambiance." description="Discover our commitment to quality local ingredients and innovative cocktail pairings. Whether it's a romantic dinner or a celebratory night out, we provide the perfect ambiance."
imageSrc="http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg" imageSrc="http://img.b2bpic.net/free-photo/wooden-library-campus-with-huge-database-collection-study-books_482257-127027.jpg"
imageAlt="Restaurant ambiance" imageAlt="Restaurant ambiance"
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTen <TestimonialCardTen
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ { id: "t1", title: "Great vibe!", quote: "The cocktails were exquisite and the food quality was top-notch.", name: "Sarah Miller", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg" },
id: "t1", title: "Great vibe!", quote: "The cocktails were exquisite and the food quality was top-notch.", name: "Sarah Miller", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee_1258-197388.jpg"}, { id: "t2", title: "Best in Charlesbourg", quote: "Perfect for our anniversary celebration. Service was impeccable.", name: "Marc Dubois", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg" },
{ { id: "t3", title: "Incredible cocktails", quote: "The staff are experts. Perfectly paired for our course.", name: "Julie Tremblay", role: "Cocktail Lover", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg" }
id: "t2", title: "Best in Charlesbourg", quote: "Perfect for our anniversary celebration. Service was impeccable.", name: "Marc Dubois", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2516.jpg"}, ]}
{ title="What our guests say"
id: "t3", title: "Incredible cocktails", quote: "The staff are experts. Perfectly paired for our course.", name: "Julie Tremblay", role: "Cocktail Lover", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-with-arms-crossed-bar_107420-65505.jpg"}, description="Rated 4.3 stars by 1,977 local diners"
{ />
id: "t4", title: "Fantastic experience", quote: "Casual yet premium atmosphere. Will definitely come back.", name: "Thomas G.", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"}, </div>
{
id: "t5", title: "Unique menu", quote: "Loved the tartare options. The atmosphere is energetic.", name: "Elena P.", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-old-woman-hotel-reception_482257-90621.jpg"},
]}
title="What our guests say"
description="Rated 4.3 stars by 1,977 local diners"
/>
</div>
<div id="feature" data-section="feature"> <div id="feature" data-section="feature">
<FeatureCardEight <FeatureCardEight
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
title="Why Choose Us?" title="Why Choose Us?"
description="Exceptional service meets culinary excellence." description="Exceptional service meets culinary excellence."
features={[ features={[
{ { title: "Farm to Table", description: "Local ingredients sourced fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/plate-aubergine-wraps-stuffed-with-fillings_140725-8643.jpg" },
title: "Farm to Table", description: "Local ingredients sourced fresh daily.", imageSrc: "http://img.b2bpic.net/free-photo/plate-aubergine-wraps-stuffed-with-fillings_140725-8643.jpg"}, { title: "Expert Mixology", description: "Crafted cocktails by professional bartenders.", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg" },
{ ]}
title: "Expert Mixology", description: "Crafted cocktails by professional bartenders.", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg"}, />
]} </div>
/>
</div>
<div id="socialProof" data-section="socialProof"> <div id="socialProof" data-section="socialProof">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={["Sarah Miller", "Marc Dubois", "Julie Tremblay", "Thomas G.", "Elena P."]} names={["Sarah Miller", "Marc Dubois", "Julie Tremblay", "Thomas G.", "Elena P."]}
title="Trusted by 2,000+ Guests" title="Trusted by 2,000+ Guests"
description="Join our community of happy diners." description="Join our community of happy diners."
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterBaseReveal
columns={[ logoText="Lounge Restaurant"
{ columns={[
items: [ { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }] },
{ label: "Home", href: "/" }, { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
{ label: "Menu", href: "/menu" }, { title: "Contact Info", items: [{ label: "123 Main St, QC", href: "#" }, { label: "+1 418-555-0123", href: "tel:+14185550123" }] }
{ label: "Reservations", href: "/reservations" } ]}
] />
}, </div>
{
items: [ <div className="fixed bottom-6 right-6 z-50 md:hidden">
{ label: "Contact", href: "/contact" }, <ButtonHoverBubble text="Reserve Now" href="/reservations" className="shadow-lg" />
{ label: "About", href: "/about" } </div>
]
}
]}
logoText="Lounge Restaurant"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }