208 lines
13 KiB
TypeScript
208 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Coffee, Heart, Home, Users, Palette, Star, Phone, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Corti Cafe"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
]}
|
|
button={{ text: "Call Now", href: "tel:+923312226784" }}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
title="Premium Coffee & Cozy Vibes in the Heart of Karachi"
|
|
description="Fresh coffee, delicious desserts, and a relaxing café experience. Located in PECHS Block 2, Corti Cafe is your perfect spot to work, meet, or unwind."
|
|
background={{ variant: "glowing-orb" }}
|
|
kpis={[
|
|
{ value: "4.8★", label: "Google Rating (27 Reviews)" },
|
|
{ value: "3", label: "Service Options" },
|
|
{ value: "2024+", label: "Coffee Lovers Served" },
|
|
]}
|
|
enableKpiAnimation={true}
|
|
tag="Trusted Local Cafe"
|
|
tagIcon={Coffee}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+923312226784" },
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=11-B+Nursery,+Shahra-e-Faisal,+PECHS+Block+2,+Karachi" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2148395317.jpg?_wi=1"
|
|
imageAlt="Corti Cafe Interior"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="About Corti Cafe"
|
|
description="We believe in crafting more than just coffee—we create experiences. Our cafe combines premium quality with genuine warmth, making it the perfect destination for coffee lovers, remote workers, and friends seeking a welcoming space."
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Premium Fresh Coffee", description: "Sourced ethically and brewed to perfection. Each cup is crafted with care and expertise.", icon: Sparkles,
|
|
},
|
|
{
|
|
title: "Cozy Atmosphere", description: "Designed to inspire creativity and connection. The perfect space for work, meetings, or relaxation.", icon: Home,
|
|
},
|
|
{
|
|
title: "Friendly Staff", description: "Our team goes the extra mile to make every visit memorable and welcoming.", icon: Users,
|
|
},
|
|
{
|
|
title: "Delicious Treats", description: "Fresh croissants, pastries, cakes, and shakes to complement your coffee experience."},
|
|
]}
|
|
buttons={[{ text: "View Menu", href: "#features" }]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045730.jpg?_wi=1"
|
|
imageAlt="Corti Cafe Barista"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="What We Offer"
|
|
description="From specialty coffees to fresh pastries, discover everything that makes Corti Cafe special."
|
|
tag="Our Offerings"
|
|
tagIcon={Palette}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Specialty Coffee", description: "From rich espresso to creamy lattes—our baristas craft every cup with precision and passion. Try our signature blends.", imageSrc: "http://img.b2bpic.net/free-photo/talanted-barista-is-pouring-milk-jug-latte-cappuchino-his-cafe_613910-3236.jpg", imageAlt: "Specialty Coffee"},
|
|
{
|
|
id: 2,
|
|
title: "Fresh Pastries & Desserts", description: "Daily-baked croissants, cakes, and sweet treats. Pair them with your favorite coffee for the perfect indulgence.", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cup-tea-plate-cake-dried-lemon_140725-73867.jpg?_wi=1", imageAlt: "Fresh Pastries"},
|
|
{
|
|
id: 3,
|
|
title: "Perfect Workspace", description: "Free WiFi, comfortable seating, and a calm ambiance—ideal for remote work, meetings, or studying.", imageSrc: "http://img.b2bpic.net/free-photo/family-celebration-kid-his-first-years-life_23-2149219471.jpg?_wi=1", imageAlt: "Cafe Workspace"},
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Order Online", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="What Our Customers Say"
|
|
description="Hear from the coffee lovers and remote workers who make Corti Cafe their favorite spot."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Khan, Student", date: "Date: 15 December 2024", title: "Best coffee spot in PECHS!", quote: "The coffee is absolutely delicious, the atmosphere is so welcoming, and the staff is incredibly friendly. I study here almost every day!", tag: "Regular Customer", avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", avatarAlt: "Sarah Khan", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2148395317.jpg?_wi=2", imageAlt: "Cafe Interior"},
|
|
{
|
|
id: "2", name: "Ahmed Hassan, Professional", date: "Date: 10 December 2024", title: "My go-to work cafe", quote: "Perfect place for meetings and remote work. Great WiFi, comfortable seating, and the coffee keeps me energized all day.", tag: "Remote Worker", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", avatarAlt: "Ahmed Hassan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045730.jpg?_wi=2", imageAlt: "Barista Preparation"},
|
|
{
|
|
id: "3", name: "Fatima Ali, Cafe Enthusiast", date: "Date: 28 November 2024", title: "Premium quality, welcoming vibe", quote: "Nice and clean cafe. The coffee tastes really good and the staff are very friendly. The pastries are fresh every day!", tag: "Loyal Customer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg", avatarAlt: "Fatima Ali", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-cake-cup-tea-plate-cake-dried-lemon_140725-73867.jpg?_wi=2", imageAlt: "Fresh Pastries"},
|
|
{
|
|
id: "4", name: "Usman Sheikh, Content Creator", date: "Date: 22 November 2024", title: "Inspiring and productive environment", quote: "Corti Cafe is my creative hub. The ambiance, the coffee quality, and the professional service make it the perfect place to create content.", tag: "Content Creator", avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", avatarAlt: "Usman Sheikh", imageSrc: "http://img.b2bpic.net/free-photo/family-celebration-kid-his-first-years-life_23-2149219471.jpg?_wi=2", imageAlt: "Workspace"},
|
|
{
|
|
id: "5", name: "Zainab Malik, Local Resident", date: "Date: 15 November 2024", title: "Community favorite for good reason", quote: "We love bringing our friends here. The service is quick, the prices are fair, and everything is always fresh. Highly recommend!", tag: "Community Member", avatarSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg", avatarAlt: "Zainab Malik", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-meeting-restaurant_23-2148395317.jpg?_wi=3", imageAlt: "Welcoming Cafe"},
|
|
{
|
|
id: "6", name: "Hassan Ali, Business Owner", date: "Date: 8 November 2024", title: "Best coffee in Karachi", quote: "Excellent quality coffee, great service, and a clean environment. I take all my important business calls here!", tag: "Regular Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/happy-expression_1194-1747.jpg", avatarAlt: "Hassan Ali", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045730.jpg?_wi=3", imageAlt: "Expert Crafted Coffee"},
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Ready to Visit or Order?"
|
|
description="Call us now to place an order, make a reservation, or just say hello. We're here to serve you with the best coffee experience in PECHS."
|
|
tagIcon={Phone}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-with-friends-entering-restaurant_23-2147861855.jpg"
|
|
imageAlt="Corti Cafe Location"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Quick Order"
|
|
termsText="We'll respond within 24 hours with your order confirmation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Corti Cafe"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Call Now", href: "tel:+923312226784" },
|
|
{ label: "Get Directions", href: "https://maps.google.com/?q=11-B+Nursery,+Shahra-e-Faisal,+PECHS+Block+2,+Karachi" },
|
|
{ label: "View Menu", href: "#features" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Dine-In", href: "tel:+923312226784" },
|
|
{ label: "Takeout", href: "tel:+923312226784" },
|
|
{ label: "Delivery", href: "tel:+923312226784" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Hours", href: "#" },
|
|
{ label: "Privacy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|