Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Coffee, Users, Cake, Zap } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -12,7 +13,6 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Coffee } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,35 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Locations",
|
||||
id: "locations",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Locations", id: "locations" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Koffee Paradise"
|
||||
/>
|
||||
@@ -57,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Koffee Paradise"
|
||||
description="Unique Filipino Coffee Flavors. Experience authentic flavors like ube latte and brown sugar — rich, smooth, and delightfully unique."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-wooden-table-with-gradient-photo-style_53876-14314.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -97,47 +81,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ube Latte",
|
||||
price: "$6.50",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-cocktail-with-flowers-hand_140725-407.jpg",
|
||||
},
|
||||
id: "p1", name: "Ube Latte", price: "$6.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/apple-cocktail-with-flowers-hand_140725-407.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Almond Danish",
|
||||
price: "$4.50",
|
||||
variant: "Pastry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-freshly-baked-croissants-with-strawberries-jam_181624-60041.jpg",
|
||||
},
|
||||
id: "p2", name: "Almond Danish", price: "$4.50", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-freshly-baked-croissants-with-strawberries-jam_181624-60041.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Coffee Flight",
|
||||
price: "$12.00",
|
||||
variant: "Tasting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cookies-dark-table_140725-73253.jpg",
|
||||
},
|
||||
id: "p3", name: "Coffee Flight", price: "$12.00", variant: "Tasting", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-cookies-dark-table_140725-73253.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Iced Macchiato",
|
||||
price: "$5.50",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-dessert_23-2147764924.jpg",
|
||||
},
|
||||
id: "p4", name: "Iced Macchiato", price: "$5.50", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-dessert_23-2147764924.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brown Sugar Latte",
|
||||
price: "$6.00",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg",
|
||||
},
|
||||
id: "p5", name: "Brown Sugar Latte", price: "$6.00", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-boozy-white-russian-cocktail-with-vodka-cream_123827-37402.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Paradise Macchiato",
|
||||
price: "$6.25",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg",
|
||||
},
|
||||
id: "p6", name: "Paradise Macchiato", price: "$6.25", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-latte-art_53876-165303.jpg"},
|
||||
]}
|
||||
title="Signature Flavors"
|
||||
description="Hand-crafted coffee creations inspired by Filipino traditions."
|
||||
@@ -150,29 +104,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cozy Ambiance",
|
||||
description: "Relax in our warm, inviting space perfect for unwinding.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-coffee-shop-items-arrangement_23-2149434608.jpg",
|
||||
},
|
||||
title: "Cozy Ambiance", description: "Relax in our warm, inviting space perfect for unwinding.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-coffee-shop-items-arrangement_23-2149434608.jpg"},
|
||||
{
|
||||
title: "Expert Baristas",
|
||||
description: "Our friendly team offers personalized recommendations just for you.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-770.jpg",
|
||||
},
|
||||
title: "Expert Baristas", description: "Our friendly team offers personalized recommendations just for you.", buttonIcon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-interacting-with-each-other_1170-770.jpg"},
|
||||
{
|
||||
title: "Fresh Pastries",
|
||||
description: "Daily baked goods that perfectly complement every coffee choice.",
|
||||
buttonIcon: "Cake",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-fruits-sweet-cakes-dark-surface-sweet-cake-dessert_140725-82084.jpg",
|
||||
},
|
||||
title: "Fresh Pastries", description: "Daily baked goods that perfectly complement every coffee choice.", buttonIcon: Cake,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-fruits-sweet-cakes-dark-surface-sweet-cake-dessert_140725-82084.jpg"},
|
||||
{
|
||||
title: "Coffee Flights",
|
||||
description: "Savor a curated journey through our favorite coffee profiles.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shelled-cleaned-hazelnuts-with-cocoa-spread-nutcrackers-wooden-table_176474-2294.jpg",
|
||||
},
|
||||
title: "Coffee Flights", description: "Savor a curated journey through our favorite coffee profiles.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shelled-cleaned-hazelnuts-with-cocoa-spread-nutcrackers-wooden-table_176474-2294.jpg"},
|
||||
]}
|
||||
title="Why Visit Us?"
|
||||
description="Enjoy the best of Koffee Paradise through our unique offerings."
|
||||
@@ -186,20 +128,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy Daily Customers",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Happy Daily Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Unique Coffee Flavors",
|
||||
},
|
||||
id: "m2", value: "20+", description: "Unique Coffee Flavors"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
description: "Fresh Pastry Varieties",
|
||||
},
|
||||
id: "m3", value: "15+", description: "Fresh Pastry Varieties"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -212,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah M.",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "I am literally obsessed! The Brown Sugar Latte w/ Cream Mousse is a problem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-723.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah M.", role: "Coffee Enthusiast", testimonial: "I am literally obsessed! The Brown Sugar Latte w/ Cream Mousse is a problem.", imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-723.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James R.",
|
||||
role: "Regular Visitor",
|
||||
testimonial: "Incredible service, kind staff, and the best coffee flavors in town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg",
|
||||
},
|
||||
id: "t2", name: "James R.", role: "Regular Visitor", testimonial: "Incredible service, kind staff, and the best coffee flavors in town.", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367130.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena P.",
|
||||
role: "Bakery Lover",
|
||||
testimonial: "The pastries are always fresh and delicious. A true paradise!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena P.", role: "Bakery Lover", testimonial: "The pastries are always fresh and delicious. A true paradise!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark D.",
|
||||
role: "Local Professional",
|
||||
testimonial: "Ideal spot for a morning coffee or catching up with friends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark D.", role: "Local Professional", testimonial: "Ideal spot for a morning coffee or catching up with friends.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-good-looking-office-lady-enjoying-hot-coffee-holding-cup-sitttin-cafe-alone_197531-22846.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie L.",
|
||||
role: "First-time Visitor",
|
||||
testimonial: "Fantastic experience. Loved the recommendations and the ube latte.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
|
||||
},
|
||||
id: "t5", name: "Julie L.", role: "First-time Visitor", testimonial: "Fantastic experience. Loved the recommendations and the ube latte.", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg"},
|
||||
]}
|
||||
title="Loved By Locals"
|
||||
description="See why our community in Columbus loves Koffee Paradise."
|
||||
@@ -257,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes! You can reserve your table online or call us at +1 614-429-7033.",
|
||||
},
|
||||
id: "f1", title: "Do you accept reservations?", content: "Yes! You can reserve your table online or call us at +1 614-429-7033."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "Find us at 6308 E Main St, Columbus, OH 43213.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "Find us at 6308 E Main St, Columbus, OH 43213."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What makes your coffee unique?",
|
||||
content: "We specialize in Filipino-inspired coffee flavors like Ube and Brown Sugar.",
|
||||
},
|
||||
id: "f3", title: "What makes your coffee unique?", content: "We specialize in Filipino-inspired coffee flavors like Ube and Brown Sugar."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your visit."
|
||||
@@ -282,8 +181,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Reserve Now"
|
||||
title="Save Your Seat"
|
||||
description="Select a time, choose your table, and finalize your booking."
|
||||
@@ -294,38 +192,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "6308 E Main St, Columbus, OH",
|
||||
href: "#",
|
||||
},
|
||||
label: "6308 E Main St, Columbus, OH", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "koffeeparadise.shop@gmail.com",
|
||||
href: "mailto:koffeeparadise.shop@gmail.com",
|
||||
},
|
||||
label: "koffeeparadise.shop@gmail.com", href: "mailto:koffeeparadise.shop@gmail.com"},
|
||||
{
|
||||
label: "+1 614-429-7033",
|
||||
href: "tel:+16144297033",
|
||||
},
|
||||
label: "+1 614-429-7033", href: "tel:+16144297033"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user