Merge version_2 into main #2
325
src/app/page.tsx
325
src/app/page.tsx
@@ -10,7 +10,8 @@ import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { MapPin } from "lucide-react";
|
||||
import ButtonBounceEffect from '@/components/button/ButtonBounceEffect/ButtonBounceEffect';
|
||||
import { MapPin, MessageCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,223 +28,125 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="BLENDZ"
|
||||
/>
|
||||
</div>
|
||||
<div className="fixed bottom-6 right-6 z-50 flex flex-col gap-4">
|
||||
<ButtonBounceEffect
|
||||
text="WhatsApp"
|
||||
className="shadow-xl"
|
||||
onClick={() => window.open("https://wa.me/1234567890", "_blank")}
|
||||
/>
|
||||
<ButtonBounceEffect
|
||||
text="Book Now"
|
||||
className="shadow-xl"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
logoText="BLENDZ"
|
||||
description="Your Go-To Spot for the Best Coffee in Town. Cozy vibes, perfectly crafted drinks, and a place you’ll always want to come back to."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit BLENDZ",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
]}
|
||||
brandName="BLENDZ"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Exceptional Coffee",
|
||||
description: "Consistently described as the best in the area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coffee-time-background_1114-218.jpg",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Cozy Atmosphere",
|
||||
description: "A space designed to relax and recharge comfortably.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Friendly Service",
|
||||
description: "Staff that make you feel genuinely welcome always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Fast & Reliable",
|
||||
description: "Great service without long, frustrating waits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-bio-food-shop-helped-by-seller_482257-81634.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why People Love BLENDZ"
|
||||
description="More than just a coffee spot—a reliable comfort experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="BLENDZ"
|
||||
description="Your Go-To Spot for the Best Coffee in Town. Cozy vibes, perfectly crafted drinks, and a place you’ll always want to come back to."
|
||||
buttons={[
|
||||
{ text: "Visit BLENDZ", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Espresso",
|
||||
price: "$3.50",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$4.75",
|
||||
variant: "Cold",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cold Brew Tea",
|
||||
price: "$4.00",
|
||||
variant: "Refreshing",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "House Pastry",
|
||||
price: "$3.00",
|
||||
variant: "Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=4",
|
||||
},
|
||||
]}
|
||||
title="Our Crafted Menu"
|
||||
description="From rich espressos to refreshing iced teas and light bites."
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Exceptional Coffee", description: "Consistently described as the best in the area.", imageSrc: "http://img.b2bpic.net/free-vector/coffee-time-background_1114-218.jpg" },
|
||||
{ id: 2, title: "Cozy Atmosphere", description: "A space designed to relax and recharge comfortably.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg" },
|
||||
{ id: 3, title: "Friendly Service", description: "Staff that make you feel genuinely welcome always.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-employee-making-coffee_23-2148366606.jpg" },
|
||||
{ id: 4, title: "Fast & Reliable", description: "Great service without long, frustrating waits.", imageSrc: "http://img.b2bpic.net/free-photo/man-bio-food-shop-helped-by-seller_482257-81634.jpg" },
|
||||
]}
|
||||
title="Why People Love BLENDZ"
|
||||
description="More than just a coffee spot—a reliable comfort experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Place You’ll Always Come Back To"
|
||||
description="BLENDZ was created to be more than just a coffee spot. It’s a space where people feel comfortable, welcomed, and taken care of. Every drink, every interaction, and every detail is designed to make your experience feel effortless and enjoyable."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Espresso", price: "$3.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Iced Vanilla Latte", price: "$4.75", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Cold Brew Tea", price: "$4.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=3" },
|
||||
{ id: "p4", name: "House Pastry", price: "$3.00", variant: "Sweet", imageSrc: "http://img.b2bpic.net/free-vector/restaurant-menu-template-with-coffee_23-2148655055.jpg?_wi=4" },
|
||||
]}
|
||||
title="Our Crafted Menu"
|
||||
description="From rich espressos to refreshing iced teas and light bites."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "I loved the experience. Everything was perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Great coffee and a really relaxing place.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-woman-viewing-online-news-smartphone_1262-17810.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily K.",
|
||||
handle: "@emilyk",
|
||||
testimonial: "Always my go-to after a long day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dark-long-hair-talking-phone-coffee-shop_273609-2803.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
handle: "@davidl",
|
||||
testimonial: "Friendly staff and super fast service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-sipping-drinking-tea_53876-14585.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex M.",
|
||||
handle: "@alexm",
|
||||
testimonial: "The atmosphere here is unmatched. My favorite place to study.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Loved by locals for the coffee and the cozy vibes."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Place You’ll Always Come Back To"
|
||||
description="BLENDZ was created to be more than just a coffee spot. It’s a space where people feel comfortable, welcomed, and taken care of."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-cups-hot-tea-vintage-table-old-terrace-steam-rises-mugs-hot-drink-idea-afternoon-tea-banner-old-city-background-clear-sunny-day-vertical-frame-selective-focus_166373-2634.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Opening Hours",
|
||||
content: "Mon-Fri: 7am - 8pm, Sat-Sun: 8am - 6pm",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Location",
|
||||
content: "123 Main Street, Coffee Town",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Fast Service?",
|
||||
content: "Yes, order ahead or visit our express counter.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Ready for your next coffee?"
|
||||
ctaDescription="Visit us at our location or reach out."
|
||||
ctaButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "I loved the experience. Everything was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-cup-coffee-while-using-smart-phone-cafe_637285-8102.jpg?_wi=1" },
|
||||
{ id: "t2", name: "Mark R.", handle: "@markr", testimonial: "Great coffee and a really relaxing place.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-woman-viewing-online-news-smartphone_1262-17810.jpg" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Loved by locals for the coffee and the cozy vibes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BLENDZ"
|
||||
copyrightText="© 2025 BLENDZ. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Opening Hours", content: "Mon-Fri: 7am - 8pm, Sat-Sun: 8am - 6pm" },
|
||||
{ id: "f2", title: "Location", content: "Al Manarah District, Riyadh - Click to open in Maps" },
|
||||
]}
|
||||
ctaTitle="Visit Us"
|
||||
ctaDescription="We are located in the heart of Al Manarah. Click below to get directions."
|
||||
ctaButton={{
|
||||
text: "Open in Google Maps", onClick: () => window.open("https://www.google.com/maps/search/?api=1&query=Al+Manarah+Riyadh", "_blank")
|
||||
}}
|
||||
ctaIcon={MapPin}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="BLENDZ"
|
||||
copyrightText="© 2025 BLENDZ. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user