Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 229faa120b | |||
| 413f8d672d |
209
src/app/page.tsx
209
src/app/page.tsx
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user