Update src/app/page.tsx
This commit is contained in:
732
src/app/page.tsx
732
src/app/page.tsx
@@ -1,524 +1,248 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Crown, Gift, Sparkles } from "lucide-react";
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { Coffee, CupSoda, Users } from "lucide-react";
|
||||
|
||||
const assetMap = [
|
||||
{"id":"hero-carousel-1","url":"http://img.b2bpic.net/free-photo/black-cappuccino-picture-drink-decoration_1203-4618.jpg","alt":"cozy cafe interior with coffee"},
|
||||
{"id":"hero-carousel-2","url":"http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24661.jpg","alt":"freshly baked pastries cafe counter"},
|
||||
{"id":"hero-carousel-3","url":"http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg","alt":"person working on laptop in cafe"},
|
||||
{"id":"hero-carousel-4","url":"http://img.b2bpic.net/free-photo/smiley-friends-enjoying-cup-coffee_23-2148395305.jpg","alt":"friends chatting cafe table"},
|
||||
{"id":"hero-carousel-5","url":"http://img.b2bpic.net/free-photo/coffee-cup_74190-1518.jpg","alt":"outdoor cafe seating area"},
|
||||
{"id":"hero-carousel-6","url":"http://img.b2bpic.net/free-photo/young-pensive-barista-standing-bar-counter-preparing-pour-coffee-while-working-cafe_574295-3462.jpg","alt":"hot coffee cup with steam"},
|
||||
{"id":"metric-icon-1","url":"http://img.b2bpic.net/free-photo/cup-hot-drink-icon-isolated_53876-65606.jpg","alt":"coffee cup icon"},
|
||||
{"id":"metric-icon-2","url":"http://img.b2bpic.net/free-photo/beautiful-christmas-glazed-gingerbread-cookies-blue-background-flat-lay_169016-26789.jpg","alt":"baked goods icon"},
|
||||
{"id":"metric-icon-3","url":"http://img.b2bpic.net/free-vector/illustration-share-icon_53876-5843.jpg","alt":"community icon people group"},
|
||||
{"id":"feature-card-1","url":"http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg","alt":"specialty coffee beans grinder"},
|
||||
{"id":"feature-card-2","url":"http://img.b2bpic.net/free-photo/croissants-with-chocolate-sauce-wooden-table-close-up_176474-8220.jpg","alt":"artisan pastries display"},
|
||||
{"id":"feature-card-3","url":"http://img.b2bpic.net/free-photo/healthy-breakfast-veggies-egg-toast_23-2148698714.jpg","alt":"healthy breakfast bowl cafe"},
|
||||
{"id":"feature-card-4","url":"http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg","alt":"warm cafe interior modern design"},
|
||||
{"id":"product-1","url":"http://img.b2bpic.net/free-photo/top-view-delicious-cookies-with-cup-tea-dark-surface-sugar-cookies-dessert-biscuit-sweet_140725-117756.jpg","alt":"espresso shot coffee black background"},
|
||||
{"id":"product-2","url":"http://img.b2bpic.net/free-photo/loving-coffee-cup-fresh-cappuccino-with-heart-sign_501050-140.jpg","alt":"latte art coffee cup"},
|
||||
{"id":"product-3","url":"http://img.b2bpic.net/free-photo/delicious-muffins-with-blueberries-copy-space_23-2148718729.jpg","alt":"blueberry muffin pastry"},
|
||||
{"id":"product-4","url":"http://img.b2bpic.net/free-photo/toast-with-avocado-fried-egg-breakfast_23-2148574493.jpg","alt":"avocado toast breakfast"},
|
||||
{"id":"product-5","url":"http://img.b2bpic.net/free-photo/sandwiches-fries-inside-peach-plate-grey_140725-30080.jpg","alt":"club sandwich fries plate"},
|
||||
{"id":"product-6","url":"http://img.b2bpic.net/free-photo/top-view-green-salad-with-lettuce-cherry-tomato-avocado-orange-corn-mozzarella_140725-5132.jpg","alt":"seasonal salad fresh ingredients"},
|
||||
{"id":"testimonial-1","url":"http://img.b2bpic.net/free-photo/young-friends-looking-phones_23-2148395315.jpg","alt":"smiling woman drinking coffee cafe"},
|
||||
{"id":"testimonial-2","url":"http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg","alt":"man enjoying meal cafe"},
|
||||
{"id":"testimonial-3","url":"http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6715.jpg","alt":"pretty blonde woman sitting cafe"},
|
||||
{"id":"testimonial-4","url":"http://img.b2bpic.net/free-photo/couple-laughing-coffee-shop_23-2148395305.jpg","alt":"couple laughing coffee shop"},
|
||||
{"id":"testimonial-5","url":"http://img.b2bpic.net/free-photo/man-working-call-center-office_23-2149256085.jpg","alt":"man working call center office"},
|
||||
{"id":"social-logo-1","url":"http://img.b2bpic.net/free-photo/photo-focus-caucasian-man-serving-bread-chicken-baked-beans-poor-hungry-african-american-person-non-profit-food-drive-close-up-meal-box-from-hunger-relief-team-given-needy_482257-68821.jpg","alt":"local newspaper logo"},
|
||||
{"id":"social-logo-2","url":"http://img.b2bpic.net/free-photo/young-woman-videoblogger-cooking-kitchen-filming_1303-18322.jpg","alt":"best cafe guide logo"},
|
||||
{"id":"social-logo-3","url":"http://img.b2bpic.net/free-vector/coffee-cup-pile-coffee-bean-coffee-shop-logo-business-branding-template-designs-inspiration-isolated-white-background_384344-1429.jpg","alt":"coffee enthusiast club logo"},
|
||||
{"id":"social-logo-4","url":"http://img.b2bpic.net/free-vector/constantine-silhouette_1057-3113.jpg","alt":"local business association logo"},
|
||||
{"id":"social-logo-5","url":"http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg","alt":"food critics choice award"},
|
||||
{"id":"social-logo-6","url":"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=97wy83","alt":"neighborhood watch logo"},
|
||||
{"id":"social-logo-7","url":"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wi5o71","alt":"independent cafe network"},
|
||||
{"id":"contact-image","url":"http://img.b2bpic.net/free-photo/medium-shot-people-working-as-barista_23-2150379151.jpg","alt":"inviting cafe interior entrance"}
|
||||
];
|
||||
|
||||
function getAssetUrl(id) {
|
||||
const asset = assetMap.find(a => a.id === id);
|
||||
return asset ? asset.url : "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg";
|
||||
}
|
||||
|
||||
function getAssetAlt(id, fallbackAlt) {
|
||||
const asset = assetMap.find(a => a.id === id);
|
||||
return asset && asset.alt ? asset.alt : fallbackAlt;
|
||||
}
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Specials",
|
||||
id: "#specials",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/diet-health-nutrition-life-food-eating-concept_53876-120817.jpg"
|
||||
logoAlt="Tasteful Bites Logo"
|
||||
brandName="Tasteful Bites"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="OG Concepts Cafe"
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Order Online", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Tasteful Bites: Where Local Flavors Shine"
|
||||
description="Indulge in an exquisite culinary journey with our expertly crafted dishes, made from the freshest local ingredients. Every bite tells a story of passion and tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Make a Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetablesin-plate_140725-759.jpg",
|
||||
imageAlt: "Delicious pasta dish on a restaurant table",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-having-salad-wine_23-2148454136.jpg",
|
||||
imageAlt: "Assorted appetizers on a wooden board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slices-brown-bread-with-flour-bottle-oil-wooden-board_114579-39117.jpg",
|
||||
imageAlt: "Freshly baked bread with olive oil",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-served-with-coffee_140725-1750.jpg",
|
||||
imageAlt: "Elegant chocolate dessert with berries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-man-preparing-avocado-bruschetta-kitchen_637285-5840.jpg",
|
||||
imageAlt: "Chef preparing a gourmet meal in the kitchen",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bouquet-flowers-bottle-rose-wine-grey-table_114579-39427.jpg",
|
||||
imageAlt: "Glass of red wine on a restaurant table",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Authentic Coffee Real Conversations Local Vibes"
|
||||
description="OG Concepts Cafe brings together specialty coffee, thoughtful food, and genuine community. Whether you're grabbing your morning brew or settling in for the afternoon, we're your neighborhood gathering spot."
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid"
|
||||
}}
|
||||
buttons={[
|
||||
{ text: "Explore Our Menu", href: "#menu" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "hero-carousel-1", imageSrc: getAssetUrl("hero-carousel-1"), imageAlt: getAssetAlt("hero-carousel-1", "Cozy cafe interior with people enjoying coffee") },
|
||||
{ id: "hero-carousel-2", imageSrc: getAssetUrl("hero-carousel-2"), imageAlt: getAssetAlt("hero-carousel-2", "Display of freshly baked pastries and desserts") },
|
||||
{ id: "hero-carousel-3", imageSrc: getAssetUrl("hero-carousel-3"), imageAlt: getAssetAlt("hero-carousel-3", "Person working on a laptop in a cafe with coffee") },
|
||||
{ id: "hero-carousel-4", imageSrc: getAssetUrl("hero-carousel-4"), imageAlt: getAssetAlt("hero-carousel-4", "Friends gathered around a table chatting and laughing") },
|
||||
{ id: "hero-carousel-5", imageSrc: getAssetUrl("hero-carousel-5"), imageAlt: getAssetAlt("hero-carousel-5", "Outdoor seating area of a cafe on a sunny day") },
|
||||
{ id: "hero-carousel-6", imageSrc: getAssetUrl("hero-carousel-6"), imageAlt: getAssetAlt("hero-carousel-6", "Close-up of a steaming hot cup of coffee with beans") }
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
ariaLabel="Hero section showcasing cafe ambiance and offerings"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Passion for Local Cuisine"
|
||||
description="At Tasteful Bites, we believe in celebrating the rich bounty of our region. Our commitment to sourcing fresh, local ingredients ensures every dish is a vibrant homage to our community and culinary heritage."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Farm-to-Table Freshness",
|
||||
description: "We partner directly with local farmers to bring you the freshest seasonal produce daily.",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Preparation",
|
||||
description: "Our chefs combine traditional techniques with modern flair to create unforgettable flavors.",
|
||||
},
|
||||
{
|
||||
title: "Community Focused",
|
||||
description: "More than just a restaurant, we're a gathering place for friends and family.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg"
|
||||
imageAlt="Cozy and elegant restaurant interior"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Our Story & Values"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Years Serving", value: "5+" },
|
||||
{ icon: CupSoda, label: "Signature Brews", value: "10+" },
|
||||
{ icon: Users, label: "Community Events", value: "50+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="About us section highlighting cafe story and metrics"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Seasonal Freshness",
|
||||
description: "Our menu evolves with the seasons, ensuring the freshest flavors year-round.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-onions-garlics-fresh-ingredients-inside-designed-basket_140725-130776.jpg",
|
||||
imageAlt: "Basket of fresh organic vegetables",
|
||||
buttonIcon: "Leaf",
|
||||
},
|
||||
{
|
||||
title: "Expert Chefs",
|
||||
description: "Our culinary team brings years of experience and passion to every plate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cooking-tomahawk-beef-steak-gourmet-dish-stove_482257-121134.jpg",
|
||||
imageAlt: "Chef cooking at a stove in a professional kitchen",
|
||||
buttonIcon: "ChefHat",
|
||||
},
|
||||
{
|
||||
title: "Inviting Ambiance",
|
||||
description: "Dine in a warm and elegant setting, perfect for any occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/festive-home-still-life-with-cup-drink-flowers-decor-details-blurred-background-with-bokeh_169016-10297.jpg",
|
||||
imageAlt: "Romantic restaurant table with candles",
|
||||
buttonIcon: "Lamp",
|
||||
},
|
||||
{
|
||||
title: "Community Gathering",
|
||||
description: "A place where good food brings people and stories together.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16252.jpg",
|
||||
imageAlt: "Happy family eating together in a restaurant",
|
||||
buttonIcon: "Users",
|
||||
},
|
||||
]}
|
||||
title="Experience Our Signature Difference"
|
||||
description="Every aspect of Tasteful Bites is crafted to provide a delightful and authentic dining experience that keeps you coming back."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Values",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
title="Our Unique Offerings"
|
||||
description="From freshly roasted beans to delectable pastries and savory bites, every item at OG Concepts is crafted with care."
|
||||
features={[
|
||||
{ id: "feature-1", title: "Specialty Coffee", subtitle: "Expertly sourced and roasted beans for an unparalleled coffee experience.", category: "Beverage", value: "Premium", buttons: [{ text: "View Brews", href: "#menu" }] },
|
||||
{ id: "feature-2", title: "Artisan Pastries", subtitle: "Daily baked croissants, muffins, and cakes from local bakers.", category: "Food", value: "Fresh", buttons: [{ text: "See Pastries", href: "#menu" }] },
|
||||
{ id: "feature-3", title: "Freshly Prepared Meals", subtitle: "Light lunches, hearty breakfasts, and seasonal salads using fresh ingredients.", category: "Food", value: "Wholesome", buttons: [{ text: "Discover Dishes", href: "#menu" }] },
|
||||
{ id: "feature-4", title: "Cozy Ambiance & Wifi", subtitle: "A welcoming space for work, relaxation, or meeting friends, with reliable high-speed internet.", category: "Experience", value: "Comfort", buttons: [{ text: "Plan Your Visit", href: "#contact" }] }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Features section detailing cafe offerings"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Bolognese Pasta",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tarragon-greens-with-pasta-spaghetti-form-decor_140725-14073.jpg",
|
||||
imageAlt: "Gourmet pasta dish with Parmesan cheese",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Grilled Ribeye Steak",
|
||||
price: "$38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2151902490.jpg",
|
||||
imageAlt: "Perfectly cooked steak with roasted vegetables",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Pan-Seared Atlantic Salmon",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-mackerel-steak_1339-6269.jpg",
|
||||
imageAlt: "Pan-seared salmon with asparagus and lemon",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Wild Mushroom Risotto",
|
||||
price: "$26",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-crispy-vegetable-tempura-dark-plate_84443-81943.jpg",
|
||||
imageAlt: "Creamy mushroom risotto with Parmesan",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tasteful Garden Salad",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tomato-cucumber-salad-with-black-pepper-basil_2829-19500.jpg",
|
||||
imageAlt: "Fresh garden salad with vinaigrette dressing",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Roasted Tomato Basil Soup",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kids-healthy-chicken-soup-with-peas-carrots_53876-138236.jpg",
|
||||
imageAlt: "Warm tomato soup with basil and croutons",
|
||||
},
|
||||
]}
|
||||
title="Our Delightful Culinary Creations"
|
||||
description="From classic favorites to innovative specials, our menu is designed to satisfy every palate. Discover your next favorite dish!"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Our Menu Highlights"
|
||||
description="Explore our diverse selection of beverages and dishes, perfect for any time of day."
|
||||
products={[
|
||||
{ id: "product-1", name: "Classic Espresso", price: "$3.00", imageSrc: getAssetUrl("product-1"), imageAlt: getAssetAlt("product-1", "A shot of classic espresso") },
|
||||
{ id: "product-2", name: "Signature Latte", price: "$4.50", imageSrc: getAssetUrl("product-2"), imageAlt: getAssetAlt("product-2", "A latte with intricate art") },
|
||||
{ id: "product-3", name: "Blueberry Muffin", price: "$3.25", imageSrc: getAssetUrl("product-3"), imageAlt: getAssetAlt("product-3", "A freshly baked blueberry muffin") },
|
||||
{ id: "product-4", name: "Avocado Toast", price: "$9.00", imageSrc: getAssetUrl("product-4"), imageAlt: getAssetAlt("product-4", "Gourmet avocado toast with toppings") },
|
||||
{ id: "product-5", name: "OG Club Sandwich", price: "$12.50", imageSrc: getAssetUrl("product-5"), imageAlt: getAssetAlt("product-5", "A delicious club sandwich with fresh ingredients") },
|
||||
{ id: "product-6", name: "Seasonal Green Salad", price: "$10.00", imageSrc: getAssetUrl("product-6"), imageAlt: getAssetAlt("product-6", "A vibrant seasonal green salad") }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Product section displaying menu items"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="specials" data-section="specials">
|
||||
<PricingCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily-special",
|
||||
badge: "Daily",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$25",
|
||||
name: "Chef's Daily Special",
|
||||
buttons: [
|
||||
{
|
||||
text: "View Today's Special",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Freshly Prepared Daily",
|
||||
"Changes Seasonally",
|
||||
"Paired with a Drink",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "catering",
|
||||
badge: "Events",
|
||||
badgeIcon: Gift,
|
||||
price: "Custom Quote",
|
||||
name: "Event Catering",
|
||||
buttons: [
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Personalized Menu",
|
||||
"Dedicated Service",
|
||||
"For Any Occasion",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "private-dining",
|
||||
badge: "Premium",
|
||||
badgeIcon: Crown,
|
||||
price: "From $500",
|
||||
name: "Private Dining Experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Private Room",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Exclusive Room Access",
|
||||
"Tailored Menu Options",
|
||||
"Intimate Atmosphere",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Offers & Event Packages"
|
||||
description="Discover our special seasonal deals, catering options, and private dining packages tailored for your memorable moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover More Offers",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Real Tastes, Real Stories"
|
||||
description="Hear from our customers as they taste and enjoy the authentic flavors of OG Concepts Cafe."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Local Resident", testimonial: "The latte art is almost too beautiful to drink, but I'm glad I did! Every sip is a pure delight.", imageSrc: getAssetUrl("testimonial-1"), imageAlt: getAssetAlt("testimonial-1", "Sarah J.") },
|
||||
{ id: "2", name: "Michael C.", role: "Remote Worker", testimonial: "The avocado toast here is a game-changer. Fresh, flavorful, and perfectly satisfying. My new favorite breakfast spot!", imageSrc: getAssetUrl("testimonial-2"), imageAlt: getAssetAlt("testimonial-2", "Michael C.") },
|
||||
{ id: "3", name: "Emily R.", role: "Food Enthusiast", testimonial: "I always look forward to their seasonal pastries. The lemon tart I had today was exquisite, perfectly balancing sweet and tangy!", imageSrc: getAssetUrl("testimonial-3"), imageAlt: getAssetAlt("testimonial-3", "Emily R.") },
|
||||
{ id: "4", name: "David K.", role: "Tourist", testimonial: "Stumbled upon this cafe and so glad I did! Authentic vibes and the best coffee I've had on my trip.", imageSrc: getAssetUrl("testimonial-4"), imageAlt: getAssetAlt("testimonial-4", "David K.") },
|
||||
{ id: "5", name: "Jessica L.", role: "Regular Patron", testimonial: "Every visit is a sensory delight. The aroma of freshly brewed coffee and the taste of their homemade cookies truly make my day.", imageSrc: getAssetUrl("hero-carousel-4"), imageAlt: getAssetAlt("hero-carousel-4", "Jessica L.") }
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Testimonials from happy customers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "July 15, 2024",
|
||||
title: "An Unforgettable Dining Experience!",
|
||||
quote: "Tasteful Bites truly lives up to its name. The pasta was divine, and the ambiance was perfect for our anniversary. We can't wait to return!",
|
||||
tag: "Foodie",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5052.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-valentine-s-day-while-having-lunch-wine-together_23-2149216156.jpg",
|
||||
imageAlt: "Couple enjoying romantic dinner",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "July 10, 2024",
|
||||
title: "Best Steak in Town!",
|
||||
quote: "I'm a steak connoisseur, and the Ribeye here is hands down the best I've had. Cooked to perfection, rich flavor. Highly recommend!",
|
||||
tag: "Local Critic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-decided-dine-roadside-cafe-eating-hamburger_613910-19643.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-burger-plate-with-green-salad_140725-7112.jpg",
|
||||
imageAlt: "Delicious looking gourmet burger",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "June 28, 2024",
|
||||
title: "Fresh Ingredients, Amazing Flavors",
|
||||
quote: "You can truly taste the freshness of every ingredient. The seasonal salad was vibrant, and the service was impeccable. A true gem!",
|
||||
tag: "Health Enthusiast",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-hispanic-woman-wearing-business-jacket-looking-confident-camera-smiling-with-crossed-arms-hand-raised-chin-thinking-positive_839833-8974.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-pepperoni-pizza-table_140725-892.jpg",
|
||||
imageAlt: "Freshly baked pizza from an oven",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "June 5, 2024",
|
||||
title: "Cozy Atmosphere & Delicious Desserts",
|
||||
quote: "Perfect spot for a relaxed dinner. The chocolate cake was a dream, and the staff made us feel right at home. A delightful evening.",
|
||||
tag: "Dessert Lover",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-woman-glasses-smiling-with-confident-look-sitting-cafe-with-notebook-work_1258-137926.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-eating-cake-with-fork_23-2147975374.jpg",
|
||||
imageAlt: "Beautifully plated dessert",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
date: "May 20, 2024",
|
||||
title: "My New Go-To Restaurant!",
|
||||
quote: "Everything from the appetizers to the main course was fantastic. Their cocktails are also a must-try! Tasteful Bites never disappoints.",
|
||||
tag: "Regular Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-bar_23-2148014961.jpg",
|
||||
imageAlt: "Vibrant cocktails on a bar counter",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Are Saying"
|
||||
description="Don't just take our word for it – hear from our beloved customers who've experienced the unique taste and ambiance of Tasteful Bites."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More Reviews",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Our Local Recognition"
|
||||
description="Proudly serving our neighborhood and receiving accolades from local guides and patrons."
|
||||
names={[
|
||||
"Local Eateries Guide", "Neighborhood Buzz", "Best Coffee Award", "Community Choice", "Daily Brew Reviews", "Urban Food Scene", "Cafe Culture Magazine"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Social proof and local recognition for OG Concepts Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegetarian and vegan options?",
|
||||
content: "Yes, our menu includes a variety of thoughtfully prepared vegetarian and vegan dishes. Please inform your server of any dietary preferences.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I make a reservation?",
|
||||
content: "Reservations can be made directly through our website's contact form, or by calling us during business hours. We recommend booking in advance, especially for weekends.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you accommodate food allergies?",
|
||||
content: "Absolutely. Our kitchen is equipped to handle most dietary restrictions and allergies. Please notify your server of any concerns, and we'll guide you through the menu.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is there parking available?",
|
||||
content: "Yes, we offer complimentary valet parking for our guests, as well as ample street parking nearby.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I host a private event at your restaurant?",
|
||||
content: "We'd love to host your special occasion! We have private dining areas available for events of all sizes. Please contact us for more details and to discuss your requirements.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our restaurant, menu, or reservations? Find quick answers to common inquiries here."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ask a Question",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Your Questions Answered"
|
||||
description="Find quick answers to common questions about our hours, menu, reservations, and more."
|
||||
faqs={[
|
||||
{ id: "faq-1", title: "What are your operating hours?", content: "We are open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM." },
|
||||
{ id: "faq-2", title: "Do you take reservations?", content: "Yes, we accept reservations for groups of 4 or more. Please contact us directly or use our online form to book your table." },
|
||||
{ id: "faq-3", title: "Do you offer vegan or gluten-free options?", content: "Absolutely! We have a selection of delicious vegan and gluten-free pastries and dishes. Please ask our staff for today's specials." },
|
||||
{ id: "faq-4", title: "Is there free Wi-Fi available?", content: "Yes, we provide complimentary high-speed Wi-Fi for all our customers. Feel free to connect and enjoy your time at our cafe." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Frequently Asked Questions section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Connect With Us"
|
||||
title="Reserve Your Table or Inquire Today"
|
||||
description="Whether you're planning a romantic dinner, a family celebration, or have a special request, our team is ready to assist you. Fill out the form or reach out directly."
|
||||
inputPlaceholder="Enter your email or message"
|
||||
buttonText="Send Message"
|
||||
termsText="By clicking Send Message you're confirming that you agree with our Privacy Policy."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Connect With Us"
|
||||
title="Visit or Reserve Your Spot"
|
||||
description="We'd love to hear from you! Whether you have a question, want to book a table, or just say hello, reach out."
|
||||
background={{
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
useInvertedBackground={true}
|
||||
imageSrc={getAssetUrl("contact-image")}
|
||||
imageAlt={getAssetAlt("contact-image", "Inviting interior of OG Concepts Cafe")}
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Message"
|
||||
termsText="By sending a message, you're confirming that you agree with our Terms and Conditions."
|
||||
ariaLabel="Contact and reservation section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Main Dishes",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Appetizers",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Desserts",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Drinks",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/diet-health-nutrition-life-food-eating-concept_53876-120817.jpg"
|
||||
logoAlt="Tasteful Bites Logo"
|
||||
logoText="Tasteful Bites"
|
||||
copyrightText="© 2024 Tasteful Bites. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="OG Concepts Cafe"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }, { label: "Community", href: "#social-proof" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact Us", href: "#contact" }, { label: "Reservations", href: "#contact" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Location", items: [{ label: "123 Main St, Anytown", href: "#" }, { label: "Mon-Fri: 7 AM - 6 PM", href: "#faq" }, { label: "Sat-Sun: 8 AM - 5 PM", href: "#faq" }] }
|
||||
]}
|
||||
copyrightText="© 2023 OG Concepts Cafe. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user