181 lines
11 KiB
TypeScript
181 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
export default function LandingPage() {
|
|
const navItems = [
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "products" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Visit", id: "footer" },
|
|
];
|
|
|
|
const heroMediaItems = [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-table_23-2149870649.jpg", imageAlt: "Signature cold brew coffee" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cups-coffee-with-cookies_23-2148337217.jpg?_wi=1", imageAlt: "Vanilla latte specialty drink" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23335.jpg?_wi=1", imageAlt: "Matcha latte green tea" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-assortment_23-2149185991.jpg?_wi=1", imageAlt: "Premium acai bowl" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fruit-vegetable-green-smoothie-wooden-table_93675-129458.jpg?_wi=1", imageAlt: "Healthy smoothie drink" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/strawberries-croissant-breakfast_23-2147717708.jpg?_wi=1", imageAlt: "Fresh baked pastry" },
|
|
];
|
|
|
|
const productItems = [
|
|
{ id: "1", name: "Signature Cold Brew", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cups-coffee-with-cookies_23-2148337217.jpg?_wi=2", imageAlt: "Signature cold brew coffee" },
|
|
{ id: "2", name: "Premium Matcha Latte", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23335.jpg?_wi=2", imageAlt: "Matcha latte green tea" },
|
|
{ id: "3", name: "Acai Power Bowl", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-acai-bowl-assortment_23-2149185991.jpg?_wi=2", imageAlt: "Premium acai bowl" },
|
|
];
|
|
|
|
const testimonialItems = [
|
|
{ id: "1", title: "The Perfect Morning Ritual", quote: "Every morning starts with Backyard Cafe. The cold brew is absolutely incredible, and the vibe here is unmatched. It's become my favorite place in the city.", name: "Sarah Martinez", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/cute-hipster-woman-taking-photos-retro-camera_176420-16731.jpg", imageAlt: "Sarah Martinez portrait" },
|
|
{ id: "2", title: "Quality You Can Taste", quote: "I've tried many cafes, but the attention to detail at Backyard Cafe is exceptional. From the beans they source to the presentation, everything is premium.", name: "Michael Chen", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman-close-up_23-2148746290.jpg", imageAlt: "Michael Chen portrait" },
|
|
{ id: "3", title: "A Sanctuary for Work and Relaxation", quote: "Whether I'm working on my laptop or catching up with friends, Backyard Cafe is the perfect spot. The ambiance and service make every visit special.", name: "Emma Rodriguez", role: "Freelance Designer", imageSrc: "http://img.b2bpic.net/free-photo/pretty-confident-woman-posing_23-2148974070.jpg", imageAlt: "Emma Rodriguez portrait" },
|
|
{ id: "4", title: "Exceptional Food Pairings", quote: "The food menu is just as impressive as the drinks. Every item is thoughtfully crafted. My favorite is the acai bowl with their signature coffee.", name: "James Wilson", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081911.jpg", imageAlt: "James Wilson portrait" },
|
|
];
|
|
|
|
const menuFeatures = [
|
|
{ id: 1, title: "Fresh Pastries & Bakes", description: "Wake up to our selection of freshly baked croissants, artisan breads, and specialty pastries made daily with premium butter and finest flour.", imageSrc: "http://img.b2bpic.net/free-photo/strawberries-croissant-breakfast_23-2147717708.jpg?_wi=2", imageAlt: "Fresh baked pastry" },
|
|
{ id: 2, title: "Gourmet Sandwiches", description: "Handcrafted sandwiches featuring organic ingredients, house-made spreads, and premium proteins. Perfect for a quick lunch or leisurely meal.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-creative-arrangement-with-hamburger-menu_23-2148614121.jpg", imageAlt: "Gourmet sandwich" },
|
|
{ id: 3, title: "Signature Desserts", description: "Indulge in our layered cakes, mousse creations, and chocolate delights. Each dessert is an edible work of art crafted by our pastry chef.", imageSrc: "http://img.b2bpic.net/free-photo/slice-cake-with-berries-passionfruits-table-white-background_181624-18135.jpg", imageAlt: "Artisan dessert cake" },
|
|
{ id: 4, title: "Healthy Smoothies", description: "Nutrient-packed smoothies made with fresh fruits, organic yogurt, and superfoods. Energize your day with our wellness-focused beverages.", imageSrc: "http://img.b2bpic.net/free-photo/fruit-vegetable-green-smoothie-wooden-table_93675-129458.jpg?_wi=2", imageAlt: "Fresh healthy smoothie" },
|
|
{ id: 5, title: "Wood-Fired Pizza", description: "Authentic pizzas made in our imported wood-fired oven with San Marzano tomatoes, fresh mozzarella, and locally-sourced toppings.", imageSrc: "http://img.b2bpic.net/free-vector/delicious-pizza-menu-template_23-2148892114.jpg", imageAlt: "Artisan wood-fired pizza" },
|
|
{ id: 6, title: "Fresh Salads", description: "Vibrant seasonal salads combining organic greens, seasonal vegetables, and house-made dressings. Light, refreshing, and incredibly satisfying.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-salad-plate-tablecloth-fork-knife-salt-black-pepper-garlic-dark-red-table_140725-59494.jpg", imageAlt: "Fresh organic salad bowl" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Navigate", items: [
|
|
{ label: "Home", href: "#" },
|
|
{ label: "About", href: "#about" },
|
|
{ label: "Menu", href: "#products" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="Backyard Cafe" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Backyard Cafe"
|
|
description="Discover our signature drinks and culinary creations in a modern, premium setting where quality meets comfort."
|
|
tag="Premium Beverages"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "products" },
|
|
{ text: "Reserve Table", href: "contact" },
|
|
]}
|
|
mediaItems={heroMediaItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Welcome to Backyard Cafe"
|
|
description="We create moments of pure indulgence with every sip and bite. Our carefully curated menu features signature drinks crafted from premium beans and fresh ingredients, paired with artisanal food that celebrates quality and flavor."
|
|
tag="Our Story"
|
|
imageSrc="http://img.b2bpic.net/free-photo/laughing-woman-bearded-man-friends-sitting-cafe_171337-19665.jpg"
|
|
imageAlt="Modern Backyard Cafe interior with natural lighting"
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Featured Collection"
|
|
description="Explore our most popular signature drinks and specialty items, crafted with passion and premium ingredients."
|
|
tag="Menu Highlights"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={productItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
title="Loved by Our Community"
|
|
description="Hear from the people who make Backyard Cafe their favorite destination for quality drinks and unforgettable moments."
|
|
tag="Customer Stories"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={testimonialItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<FeatureCardSix
|
|
title="Our Menu Journey"
|
|
description="Explore the carefully curated selection that makes Backyard Cafe unique. From artisan pastries to gourmet mains, each item is a celebration of quality."
|
|
tag="Complete Menu"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={menuFeatures}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Connected"
|
|
title="Subscribe for Exclusive Offers"
|
|
description="Be the first to know about new menu items, special events, and exclusive promotions. Join our community of coffee lovers and food enthusiasts."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
mediaAnimation="none"
|
|
buttonText="Subscribe"
|
|
inputPlaceholder="Enter your email"
|
|
termsText="We respect your privacy and promise no spam. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Backyard Cafe. All rights reserved."
|
|
bottomRightText="Crafted with care for our community"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|