From 443082e901f64c7216f7eedf7fa5d9696063f5c2 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 15:32:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 124 ++++++++++++++++++----------------------------- 1 file changed, 48 insertions(+), 76 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 7912178..db52e2a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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() {
-
@@ -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" /> @@ -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() {
console.log('Form submitted:', data)} />
@@ -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={[ {