178 lines
7.6 KiB
TypeScript
178 lines
7.6 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Coffee, Droplets } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-bubble"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLarge"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{ name: "Home", id: "/" },
|
||
{ name: "Menu", id: "/menu" },
|
||
{ name: "About", id: "/about" },
|
||
{ name: "Contact", id: "/contact" },
|
||
]}
|
||
brandName="Dania’s Coffee house & drink lab"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{ variant: "gradient-bars" }}
|
||
logoText="Amman’s Favorite Specialty Coffee & Drink Lab"
|
||
description="Experience the specialty coffee and warm community spirit that makes Dania’s the heart of Amman’s coffee scene."
|
||
buttons={[
|
||
{ text: "Call Now", href: "tel:+962790829321" },
|
||
{ text: "WhatsApp", href: "https://wa.me/962790829321" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-cup-coffee-with-sugar-cubes_23-2148337158.jpg"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Specialty Roasts", description: "Ethically sourced, locally roasted beans.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/iced-mocktails_1203-3088.jpg", imageAlt: "Specialty coffee"},
|
||
items: [{ icon: Coffee, text: "Single Origin" }, { icon: Coffee, text: "Small Batch Roasted" }],
|
||
reverse: false
|
||
},
|
||
{
|
||
title: "Drink Lab", description: "Experimental mocktails that redefine flavors.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-adult-holding-sangria-glass_23-2149426422.jpg", imageAlt: "Drink lab"},
|
||
items: [{ icon: Droplets, text: "House-made Syrups" }, { icon: Droplets, text: "Unique Botanical Blends" }],
|
||
reverse: true
|
||
},
|
||
{
|
||
title: "Cozy Vibe", description: "The perfect corner for reading and working.", media: {
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-mocktail_74190-200.jpg", imageAlt: "Cafe interior"},
|
||
items: [],
|
||
reverse: false
|
||
},
|
||
]}
|
||
title="Our Signature Experience"
|
||
description="Crafted with love in Amman, focusing on quality coffee and unique drink lab experiments."
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MetricSplitMediaAbout
|
||
useInvertedBackground={true}
|
||
title="A Local Story in Al-Weibdeh"
|
||
description="Dania's started with a simple passion for specialty coffee and building a community-focused sanctuary in Amman. Every cup is brewed with local heart."
|
||
metrics={[
|
||
{ value: "5.0★", title: "Review Rating" },
|
||
{ value: "57+", title: "Happy Locals" },
|
||
{ value: "100%", title: "Made With Love" },
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-apron-working-coffee-shop_1098-20955.jpg"
|
||
mediaAnimation="slide-up"
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah J.", handle: "@sarah.coffee", testimonial: "A place that makes you feel warmth and familiarity.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-cute-asian-barista-smiling-girl-puts-coffee-tamper-prepare-cappuccino-standing_1258-134055.jpg"
|
||
},
|
||
{
|
||
id: "2", name: "Ahmad K.", handle: "@ahmad.amman", testimonial: "The best and most luxurious café in Al Weibdeh.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-71154.jpg"
|
||
},
|
||
{
|
||
id: "3", name: "Leila H.", handle: "@leila.lab", testimonial: "An amazing place in Amman. Loved the signature lab drinks.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg"
|
||
},
|
||
{
|
||
id: "4", name: "Omar F.", handle: "@omar.foodie", testimonial: "Perfect atmosphere for study and catching up with friends.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-cafe_23-2148721131.jpg"
|
||
},
|
||
{
|
||
id: "5", name: "Dana R.", handle: "@dana.daily", testimonial: "Incredible specialty coffee experience every single time.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg"
|
||
},
|
||
]}
|
||
showRating={true}
|
||
title="Loved by locals in Amman"
|
||
description="Hear what our regulars say about their favorite neighborhood spot."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{ variant: "gradient-bars" }}
|
||
text="Visit us in Al Weibdeh for your next cup. Reach out to reserve a table or ask about our signature drinks."
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://maps.google.com/?q=XW4F+RX3+Al-Baouniyah+St+31+Amman"},
|
||
{
|
||
text: "WhatsApp", href: "https://wa.me/962790829321"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseCard
|
||
logoText="Dania’s"
|
||
columns={[
|
||
{
|
||
title: "Menu", items: [
|
||
{ label: "Specialty Coffee", href: "/menu" },
|
||
{ label: "Mocktails", href: "/menu" },
|
||
{ label: "Desserts", href: "/menu" },
|
||
],
|
||
},
|
||
{
|
||
title: "Quick Links", items: [
|
||
{ label: "Contact", href: "/contact" },
|
||
{ label: "About", href: "/about" },
|
||
{ label: "Reviews", href: "/reviews" },
|
||
],
|
||
},
|
||
{
|
||
title: "Location", items: [
|
||
{ label: "Al Weibdeh, Amman", href: "https://maps.google.com/?q=XW4F+RX3" },
|
||
{ label: "Call +962790829321", href: "tel:+962790829321" },
|
||
],
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |