Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -13,267 +13,113 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Private Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Private Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Private Cafe"
|
||||
description="An intimate sanctuary for connoisseurs of coffee and light fare. Experience quiet luxury in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg?_wi=1",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=1",
|
||||
imageAlt: "Coffee art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-breakfast-table-with-salad-fried-eggs-pastry-white-background-horizontal_176474-3776.jpg?_wi=1",
|
||||
imageAlt: "Fresh pastries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=1",
|
||||
imageAlt: "Minimalist decor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-drinking-coffee-while-using-smart-phone-cafe_637285-8838.jpg?_wi=1",
|
||||
imageAlt: "Professional barista",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-sitting-cafe-drinking-coffee-using-phone_171337-19674.jpg",
|
||||
imageAlt: "Cafe details",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Private Cafe"
|
||||
description="An intimate sanctuary for connoisseurs of coffee and light fare. Experience quiet luxury in the heart of the city."
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg", imageAlt: "Cafe interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg", imageAlt: "Coffee art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-breakfast-table-with-salad-fried-eggs-pastry-white-background-horizontal_176474-3776.jpg", imageAlt: "Fresh pastries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg", imageAlt: "Minimalist decor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-drinking-coffee-while-using-smart-phone-cafe_637285-8838.jpg", imageAlt: "Professional barista" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/loving-couple-sitting-cafe-drinking-coffee-using-phone_171337-19674.jpg", imageAlt: "Cafe details" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Moments of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg",
|
||||
alt: "Cafe kitchen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Quiet Elegance",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Crafting Moments of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-standing-near-window-restaurant_23-2147936227.jpg", alt: "Cafe kitchen" },
|
||||
{ type: "text", content: " Quiet Elegance" },
|
||||
]}
|
||||
buttons={[{ text: "Our Philosophy", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Cappuccino",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129753.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Acai Breakfast Bowl",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-served-with-milk-dessert_140725-1901.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Organic Earl Grey",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-kettle-with-tea-lemon-tea-light-background-flower-color-morning-breakfast-food-fruit-flavor-ceremony_140725-159350.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Avocado Sourdough Toast",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-slices-with-strawberries-light_140725-120650.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lemon Zest Cake",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-biscuit-rolls-with-cup-tea-dark-surface_140725-74862.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Curated Menu"
|
||||
description="Artisan selections prepared daily with locally sourced ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Cappuccino", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cappuccino-with-beautiful-painting-foam_181624-8920.jpg" },
|
||||
{ id: "p2", name: "Butter Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148129753.jpg" },
|
||||
{ id: "p3", name: "Acai Breakfast Bowl", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-served-with-milk-dessert_140725-1901.jpg" },
|
||||
{ id: "p4", name: "Organic Earl Grey", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-kettle-with-tea-lemon-tea-light-background-flower-color-morning-breakfast-food-fruit-flavor-ceremony_140725-159350.jpg" },
|
||||
{ id: "p5", name: "Avocado Sourdough Toast", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-cake-slices-with-strawberries-light_140725-120650.jpg" },
|
||||
{ id: "p6", name: "Lemon Zest Cake", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-biscuit-rolls-with-cup-tea-dark-surface_140725-74862.jpg" },
|
||||
]}
|
||||
title="Our Curated Menu"
|
||||
description="Artisan selections prepared daily with locally sourced ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
date: "Oct 2023",
|
||||
title: "Coffee Connoisseur",
|
||||
quote: "The most serene cafe experience I've had in years.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg?_wi=2",
|
||||
imageAlt: "elegant cafe interior mood",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
date: "Sep 2023",
|
||||
title: "Creative Consultant",
|
||||
quote: "Perfect atmosphere for thoughtful morning work.",
|
||||
tag: "Frequent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg?_wi=2",
|
||||
imageAlt: "freshly brewed coffee close up",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah L.",
|
||||
date: "Nov 2023",
|
||||
title: "Food Blogger",
|
||||
quote: "Exquisite pastries and impeccable service.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-breakfast-table-with-salad-fried-eggs-pastry-white-background-horizontal_176474-3776.jpg?_wi=2",
|
||||
imageAlt: "cafe table serving fresh pastries",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
date: "Aug 2023",
|
||||
title: "Architect",
|
||||
quote: "The design alone makes it a must-visit destination.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-casual-blond-girl-happily-looking-away-with-coffee-go-hand-courtyard-city-cafe_574295-4104.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg?_wi=2",
|
||||
imageAlt: "modern minimalist cafe design",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
date: "Dec 2023",
|
||||
title: "Artist",
|
||||
quote: "A hidden gem that feels completely exclusive.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-drinking-coffee-while-using-smart-phone-cafe_637285-8838.jpg?_wi=2",
|
||||
imageAlt: "professional barista making coffee",
|
||||
},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their visits."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena R.", date: "Oct 2023", title: "Coffee Connoisseur", quote: "The most serene cafe experience I've had in years.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-standing-kitchen_107420-12358.jpg", imageSrc: "http://img.b2bpic.net/free-photo/photo-young-redhead-bearded-man-white-shirt-reading-book-cafeteria_171337-10019.jpg", imageAlt: "elegant cafe interior mood" },
|
||||
{ id: "2", name: "Mark S.", date: "Sep 2023", title: "Creative Consultant", quote: "Perfect atmosphere for thoughtful morning work.", tag: "Frequent", avatarSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-5781.jpg", imageAlt: "freshly brewed coffee close up" },
|
||||
{ id: "3", name: "Sarah L.", date: "Nov 2023", title: "Food Blogger", quote: "Exquisite pastries and impeccable service.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-delicious-breakfast-table-with-salad-fried-eggs-pastry-white-background-horizontal_176474-3776.jpg", imageAlt: "cafe table serving fresh pastries" },
|
||||
{ id: "4", name: "David W.", date: "Aug 2023", title: "Architect", quote: "The design alone makes it a must-visit destination.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-casual-blond-girl-happily-looking-away-with-coffee-go-hand-courtyard-city-cafe_574295-4104.jpg", imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg", imageAlt: "modern minimalist cafe design" },
|
||||
{ id: "5", name: "Chloe T.", date: "Dec 2023", title: "Artist", quote: "A hidden gem that feels completely exclusive.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-happy-waitress-talking-businessman-cafe_637285-8897.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-businessman-drinking-coffee-while-using-smart-phone-cafe_637285-8838.jpg", imageAlt: "professional barista making coffee" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests say about their visits."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Join our inner circle. Reach out for private events or reservations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@privatecafe.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
text="Join our inner circle. Reach out for private events or reservations."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@privatecafe.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "123 Cafe St, City",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mon-Sat: 8am-6pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Private Cafe"
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Visit Us", items: [{ label: "123 Cafe St, City", href: "#" }, { label: "Mon-Sat: 8am-6pm", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Newsletter", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Private Cafe"
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user