Files
7c7d243d-20f7-44a1-a855-21e…/src/app/page.tsx
2026-03-07 13:37:20 +00:00

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>
);
}