bender/aadb9376-9c79-4eac-adb6-5d57386d1b54
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-03 15:32:31 +00:00
parent c4a2f42c58
commit 443082e901
1 changed files with 48 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/app/page.tsx
View File

@@ -3,7 +3,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -15,7 +15,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import LegalSection from '@/components/legal/LegalSection';
import { Coffee, Sparkles, Star, MapPin, Camera, Clock, TrendingUp, Users, Award, CheckCircle } from 'lucide-react';
import { Coffee, Sparkles, Star, MapPin, Camera, Clock, TrendingUp, Users, Award, CheckCircle, Quote } from 'lucide-react';
export default function LandingPage() {
return (
@@ -53,18 +53,18 @@ export default function LandingPage() {
title="Caribou Coffee – Taweah Park"
description="Discover our calm café experience inside Towayya Park. Two levels of seating with stunning park views, signature drinks, and the perfect spot to work or relax."
background={{ variant: "plain" }}
images={[
mediaItems={[
{
src: "https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&h=600&fit=crop", alt: "Park view seating area at Caribou Coffee Taweah Park"
imageSrc: "https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&h=600&fit=crop", imageAlt: "Park view seating area at Caribou Coffee Taweah Park"
},
{
src: "https://images.unsplash.com/photo-1494857671063-26f21f4ad20e?w=800&h=600&fit=crop", alt: "Interior seating with warm pendant lighting"
imageSrc: "https://images.unsplash.com/photo-1494857671063-26f21f4ad20e?w=800&h=600&fit=crop", imageAlt: "Interior seating with warm pendant lighting"
},
{
src: "https://images.unsplash.com/photo-1502920917128-1aa500764cbd?w=800&h=600&fit=crop", alt: "Rooftop seating with park views"
imageSrc: "https://images.unsplash.com/photo-1502920917128-1aa500764cbd?w=800&h=600&fit=crop", imageAlt: "Rooftop seating with park views"
}
]}
animationType="slide-up"
mediaAnimation="slide-up"
buttons={[
{ text: "Get Directions", href: "https://maps.google.com/?q=24.24235,55.700408" },
{ text: "Call Now", href: "tel:+97137556364" }
@@ -75,31 +75,17 @@ export default function LandingPage() {
</div>
<div id="about" data-section="about">
<MediaSplitTabsAbout
<TestimonialAboutCard
tag="Our Story"
tagIcon={Sparkles}
tagAnimation="slide-up"
title="Welcome to Caribou Coffee at Taweah Park"
description="Experience specialty coffee crafted with care in a serene park setting."
subdescription="Located inside Towayya Park"
icon={Quote}
imageSrc="https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&h=600&fit=crop"
imageAlt="Caribou Coffee exterior"
imagePosition="left"
mediaAnimation="slide-up"
tabs={[
{
id: "tab1", label: "Ambiance", content: "Two levels of comfortable seating with park views, ambient lighting, and a welcoming atmosphere perfect for work or relaxation."
},
{
id: "tab2", label: "Quality", content: "Our signature drinks showcase expertly crafted espresso, creative flavor combinations, and premium ingredients."
},
{
id: "tab3", label: "Location", content: "Located inside Towayya Park in Al Ain with easy access, ample seating, and stunning outdoor views."
}
]}
buttons={[
{ text: "Reserve a Table", href: "#reserve" }
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -112,12 +98,12 @@ export default function LandingPage() {
title="What Makes Caribou Coffee Special"
description="Premium quality meets perfect location. We combine specialty coffee expertise with an unbeatable park setting."
features={[
{ title: "Specialty Coffee", description: "Expertly crafted espresso drinks and signature beverages" },
{ title: "Park Views", description: "Two-level seating with stunning Towayya Park vistas" },
{ title: "Perfect Spot", description: "Ideal location for work, meetings, or relaxation" },
{ title: "Extended Hours", description: "Open 7 AM to 12 AM daily for your convenience" },
{ title: "Quality Pastries", description: "Fresh-baked pastries and food items" },
{ title: "Welcoming Vibe", description: "Calm, friendly atmosphere appreciated by all visitors" }
{ id: 1, title: "Specialty Coffee", description: "Expertly crafted espresso drinks and signature beverages", imageSrc: "https://images.unsplash.com/photo-1511920170033-f8396924c348?w=600&h=600&fit=crop", imageAlt: "Specialty coffee" },
{ id: 2, title: "Park Views", description: "Two-level seating with stunning Towayya Park vistas", imageSrc: "https://images.unsplash.com/photo-1494857671063-26f21f4ad20e?w=600&h=600&fit=crop", imageAlt: "Park views" },
{ id: 3, title: "Perfect Spot", description: "Ideal location for work, meetings, or relaxation", imageSrc: "https://images.unsplash.com/photo-1502920917128-1aa500764cbd?w=600&h=600&fit=crop", imageAlt: "Seating area" },
{ id: 4, title: "Extended Hours", description: "Open 7 AM to 12 AM daily for your convenience", imageSrc: "https://images.unsplash.com/photo-1511920170033-f8396924c348?w=600&h=600&fit=crop", imageAlt: "Open hours" },
{ id: 5, title: "Quality Pastries", description: "Fresh-baked pastries and food items", imageSrc: "https://images.unsplash.com/photo-1494857671063-26f21f4ad20e?w=600&h=600&fit=crop", imageAlt: "Pastries" },
{ id: 6, title: "Welcoming Vibe", description: "Calm, friendly atmosphere appreciated by all visitors", imageSrc: "https://images.unsplash.com/photo-1502920917128-1aa500764cbd?w=600&h=600&fit=crop", imageAlt: "Atmosphere" }
]}
animationType="slide-up"
buttons={[
@@ -138,22 +124,16 @@ export default function LandingPage() {
tagAnimation="slide-up"
plans={[
{
id: "1", badge: "Signature Drinks", price: "AED 22-25", subtitle: "Specialty coffee crafted with care", buttons: [
{ text: "Order", href: "#order" }
],
features: ["Campfire Mocha", "Spanish Latte", "Salted Caramel Budino", "Mint Condition Mocha"]
id: "1", title: "Signature Drinks", price: "AED 22-25", period: "per item", features: ["Campfire Mocha", "Spanish Latte", "Salted Caramel Budino", "Mint Condition Mocha"],
button: { text: "Order", href: "#order" }
},
{
id: "2", badge: "Pastries & Bites", price: "AED 15-28", subtitle: "Fresh pastries and light meals", buttons: [
{ text: "Order", href: "#order" }
],
features: ["Fresh Croissants", "Grilled Halloumi", "Breakfast Options", "Seasonal Items"]
id: "2", title: "Pastries & Bites", price: "AED 15-28", period: "per item", features: ["Fresh Croissants", "Grilled Halloumi", "Breakfast Options", "Seasonal Items"],
button: { text: "Order", href: "#order" }
},
{
id: "3", badge: "Loyalty Program", price: "Exclusive", subtitle: "Rewards for our regular guests", buttons: [
{ text: "Join Now", href: "#rewards" }
],
features: ["Earn Points", "Free Drinks", "Special Offers", "VIP Access"]
id: "3", title: "Loyalty Program", price: "Exclusive", period: "rewards", features: ["Earn Points", "Free Drinks", "Special Offers", "VIP Access"],
button: { text: "Join Now", href: "#rewards" }
}
]}
animationType="slide-up"
@@ -175,16 +155,16 @@ export default function LandingPage() {
tagAnimation="slide-up"
products={[
{
id: "1", name: "Campfire Mocha", price: "AED 24", imageSrc: "https://images.unsplash.com/photo-1578432291840-8d1c51dc1cfd?w=600&h=600&fit=crop", imageAlt: "Campfire Mocha with toasted marshmallows", onProductClick: () => console.log('Product clicked')
id: "1", name: "Campfire Mocha", price: "AED 24", variant: "Signature", imageSrc: "https://images.unsplash.com/photo-1578432291840-8d1c51dc1cfd?w=600&h=600&fit=crop", imageAlt: "Campfire Mocha with toasted marshmallows", onProductClick: () => console.log('Product clicked')
},
{
id: "2", name: "Spanish Latte", price: "AED 22", imageSrc: "https://images.unsplash.com/photo-1512568400610-62da28bc8a13?w=600&h=600&fit=crop", imageAlt: "Spanish Latte with condensed milk", onProductClick: () => console.log('Product clicked')
id: "2", name: "Spanish Latte", price: "AED 22", variant: "Signature", imageSrc: "https://images.unsplash.com/photo-1512568400610-62da28bc8a13?w=600&h=600&fit=crop", imageAlt: "Spanish Latte with condensed milk", onProductClick: () => console.log('Product clicked')
},
{
id: "3", name: "Salted Caramel Budino", price: "AED 25", imageSrc: "https://images.unsplash.com/photo-1517668808822-9ebb02ae2a0e?w=600&h=600&fit=crop", imageAlt: "Salted Caramel Budino espresso", onProductClick: () => console.log('Product clicked')
id: "3", name: "Salted Caramel Budino", price: "AED 25", variant: "Signature", imageSrc: "https://images.unsplash.com/photo-1517668808822-9ebb02ae2a0e?w=600&h=600&fit=crop", imageAlt: "Salted Caramel Budino espresso", onProductClick: () => console.log('Product clicked')
},
{
id: "4", name: "Mint Condition Mocha", price: "AED 23", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&h=600&fit=crop", imageAlt: "Mint Condition Mocha specialty drink", onProductClick: () => console.log('Product clicked')
id: "4", name: "Mint Condition Mocha", price: "AED 23", variant: "Signature", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&h=600&fit=crop", imageAlt: "Mint Condition Mocha specialty drink", onProductClick: () => console.log('Product clicked')
}
]}
gridVariant="bento-grid"
@@ -207,16 +187,13 @@ export default function LandingPage() {
tagAnimation="slide-up"
metrics={[
{
id: "1", icon: Star,
title: "Rating", value: "4.3", suffix: "Stars"
id: "1", value: "4.3", title: "Rating", items: ["Stars"]
},
{
id: "2", icon: Users,
title: "Reviews", value: "305+", suffix: "Visitors"
id: "2", value: "305+", title: "Reviews", items: ["Visitors"]
},
{
id: "3", icon: Award,
title: "Favorite", value: "10K+", suffix: "Regular Guests"
id: "3", value: "10K+", title: "Favorite", items: ["Regular Guests"]
}
]}
animationType="slide-up"
@@ -236,7 +213,7 @@ export default function LandingPage() {
tag="Meet The Team"
tagIcon={Users}
tagAnimation="slide-up"
members={[
team={[
{
id: "1", name: "Ahmed Al-Mansoori", role: "Café Manager", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=500&h=500&fit=crop", imageAlt: "Ahmed Al-Mansoori"
},
@@ -250,7 +227,6 @@ export default function LandingPage() {
id: "4", name: "Sarita Sharma", role: "Customer Service", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=500&h=500&fit=crop", imageAlt: "Sarita Sharma"
}
]}
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -271,15 +247,15 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Sarah Johnson", role: "Regular Visitor", company: "Al Ain", rating: 5,
quote: "The perfect spot to work or relax with an amazing coffee and park views!", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Sarah Johnson"
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "Sarah Johnson"
},
{
id: "2", name: "Michael Chen", role: "Coffee Enthusiast", company: "Al Ain", rating: 5,
quote: "Specialty drinks crafted with real care. The baristas really know their craft.", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Michael Chen"
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Michael Chen"
},
{
id: "3", name: "Emma Davis", role: "Business Owner", company: "Al Ain", rating: 5,
quote: "My favorite café for meetings. Great atmosphere, excellent service, and stellar coffee.", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Emma Davis"
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Emma Davis"
}
]}
animationType="slide-up"
@@ -289,6 +265,7 @@ export default function LandingPage() {
{ text: "Leave a Review", href: "#" }
]}
buttonAnimation="slide-up"
gridVariant="uniform-all-items-equal"
/>
</div>
@@ -301,29 +278,28 @@ export default function LandingPage() {
description="Get answers to common questions about Caribou Coffee at Taweah Park."
imageSrc="https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&h=600&fit=crop"
imageAlt="Caribou Coffee interior"
imagePosition="right"
mediaAnimation="slide-up"
faqs={[
{
id: "1", question: "What are your hours?", answer: "We're open 7:00 AM – 12:00 AM daily (Monday–Thursday & Sunday). Friday–Saturday: 7:00 AM – 1:00 AM."
id: "1", title: "What are your hours?", content: "We're open 7:00 AM – 12:00 AM daily (Monday–Thursday & Sunday). Friday–Saturday: 7:00 AM – 1:00 AM."
},
{
id: "2", question: "Do you have parking?", answer: "Yes, ample parking is available at Towayya Park. Easy access from the main entrance."
id: "2", title: "Do you have parking?", content: "Yes, ample parking is available at Towayya Park. Easy access from the main entrance."
},
{
id: "3", question: "Can I reserve seating?", answer: "Yes! We accept reservations for groups. Call +971 3 755 6364 or use our online booking system."
id: "3", title: "Can I reserve seating?", content: "Yes! We accept reservations for groups. Call +971 3 755 6364 or use our online booking system."
},
{
id: "4", question: "Do you offer WiFi?", answer: "Yes, high-speed WiFi is available throughout both levels of our café."
id: "4", title: "Do you offer WiFi?", content: "Yes, high-speed WiFi is available throughout both levels of our café."
},
{
id: "5", question: "What payment methods do you accept?", answer: "We accept cash, credit cards, and mobile payments (Apple Pay, Google Pay, etc.)."
id: "5", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and mobile payments (Apple Pay, Google Pay, etc.)."
},
{
id: "6", question: "Is there an outdoor seating area?", answer: "Yes, we have beautiful outdoor seating with park views on our upper level."
id: "6", title: "Is there an outdoor seating area?", content: "Yes, we have beautiful outdoor seating with park views on our upper level."
}
]}
animationType="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
@@ -335,25 +311,22 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
tag="Get in Touch"
tagIcon={MapPin}
title="Visit Us Today"
description="Stop by Caribou Coffee at Taweah Park for your next coffee break. Located inside Towayya Park with easy access, ample seating, and a welcoming atmosphere."
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&h=600&fit=crop"
imageAlt="Exterior park entrance"
mediaAnimation="slide-up"
mediaPosition="right"
formFields={[
{ id: "name", label: "Name", type: "text", placeholder: "Your name" },
{ id: "email", label: "Email", type: "email", placeholder: "your@email.com" },
{ id: "phone", label: "Phone", type: "tel", placeholder: "+971 ..." },
{ id: "message", label: "Message", type: "textarea", placeholder: "Tell us how we can help..." }
inputs={[
{ name: "name", type: "text", placeholder: "Your name" },
{ name: "email", type: "email", placeholder: "your@email.com" },
{ name: "phone", type: "tel", placeholder: "+971 ..." }
]}
textarea={{
name: "message", placeholder: "Tell us how we can help...", rows: 4
}}
buttonText="Send Message"
successMessage="Thank you! We'll get back to you soon."
tagAnimation="slide-up"
onSubmit={(data) => console.log('Form submitted:', data)}
/>
</div>
@@ -384,7 +357,6 @@ export default function LandingPage() {
logoText="Caribou Coffee"
imageSrc="https://images.unsplash.com/photo-1511920170033-f8396924c348?w=800&h=600&fit=crop"
imageAlt="Caribou Coffee Taweah Park"
imagePosition="right"
mediaAnimation="slide-up"
columns={[
{