Merge version_1 into main #1
429
src/app/page.tsx
429
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Coffee } from "lucide-react";
|
||||
import { Coffee, Zap, Croissant, Armchair } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,317 +29,140 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Maude's Classic Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Maude's Classic Cafe"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Gainesville's Classic Soul"
|
||||
description="Step into Maude’s Classic Cafe, where historic charm meets premium coffee craftsmanship. Your perfect neighborhood escape since forever."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scarf-near-autumn-snacks-drink_23-2147885891.jpg"
|
||||
imageAlt="cozy cafe interior warm lighting"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Gainesville's Classic Soul"
|
||||
description="Step into Maude’s Classic Cafe, where historic charm meets premium coffee craftsmanship. Your perfect neighborhood escape since forever."
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scarf-near-autumn-snacks-drink_23-2147885891.jpg"
|
||||
imageAlt="cozy cafe interior warm lighting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Gainesville Landmark"
|
||||
description="Nestled in the heart of Gainesville, Maude’s has been serving up memories, one cup at a time. We celebrate the intersection of community, classic vibes, and premium artisanal coffee."
|
||||
subdescription="Every bean, every brew, and every guest is treated like family. Experience the warmth of tradition in every corner of our cafe."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Story"
|
||||
title="A Gainesville Landmark"
|
||||
description="Nestled in the heart of Gainesville, Maude’s has been serving up memories, one cup at a time. We celebrate the intersection of community, classic vibes, and premium artisanal coffee."
|
||||
subdescription="Every bean, every brew, and every guest is treated like family. Experience the warmth of tradition in every corner of our cafe."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Roasts",
|
||||
description: "Hand-selected, small-batch beans sourced from ethical growers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg",
|
||||
buttonIcon: "Coffee",
|
||||
},
|
||||
{
|
||||
title: "Daily Pastries",
|
||||
description: "Freshly baked every morning for the ultimate morning indulgence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-basket_23-2149629043.jpg",
|
||||
buttonIcon: "Croissant",
|
||||
},
|
||||
{
|
||||
title: "Relaxed Atmosphere",
|
||||
description: "Historic decor and comfortable seating for work or conversation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-cinnamons_114579-17353.jpg",
|
||||
buttonIcon: "Armchair",
|
||||
},
|
||||
{
|
||||
title: "Master Baristas",
|
||||
description: "Expertly trained to pull the perfect espresso shot every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
]}
|
||||
title="Why Maude's?"
|
||||
description="We don't just brew coffee; we curate the classic cafe experience for the discerning Gainesville local."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Artisan Roasts", description: "Hand-selected, small-batch beans sourced from ethical growers.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354578.jpg", buttonIcon: Coffee },
|
||||
{ title: "Daily Pastries", description: "Freshly baked every morning for the ultimate morning indulgence.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-basket_23-2149629043.jpg", buttonIcon: Croissant },
|
||||
{ title: "Relaxed Atmosphere", description: "Historic decor and comfortable seating for work or conversation.", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-cinnamons_114579-17353.jpg", buttonIcon: Armchair },
|
||||
{ title: "Master Baristas", description: "Expertly trained to pull the perfect espresso shot every time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045782.jpg", buttonIcon: Zap },
|
||||
]}
|
||||
title="Why Maude's?"
|
||||
description="We don't just brew coffee; we curate the classic cafe experience for the discerning Gainesville local."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Iced Vanilla Latte",
|
||||
price: "$5.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-machiato-coffee_1339-1865.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-green-grapes-with-cup-espresso-blue-table_114579-4409.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/banana-cupcakes-mixed-with-chocolate-chip-white-plate_1150-20933.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Savory Quiche",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-dish_23-2150165729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "House Drip Brew",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-black-cup-plate-with-biscuits-dark-surface-color-sugar-glass-breakfast-dessert-cake-ceremony_179666-24447.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Classics"
|
||||
description="Timeless menu favorites crafted with high-quality ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937222.jpg" },
|
||||
{ id: "p2", name: "Iced Vanilla Latte", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/iced-machiato-coffee_1339-1865.jpg" },
|
||||
{ id: "p3", name: "Butter Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/croissants-green-grapes-with-cup-espresso-blue-table_114579-4409.jpg" },
|
||||
{ id: "p4", name: "Blueberry Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/banana-cupcakes-mixed-with-chocolate-chip-white-plate_1150-20933.jpg" },
|
||||
{ id: "p5", name: "Savory Quiche", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-spanish-tortilla-dish_23-2150165729.jpg" },
|
||||
{ id: "p6", name: "House Drip Brew", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-black-cup-plate-with-biscuits-dark-surface-color-sugar-glass-breakfast-dessert-cake-ceremony_179666-24447.jpg" },
|
||||
]}
|
||||
title="Our Classics"
|
||||
description="Timeless menu favorites crafted with high-quality ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "A local gem!",
|
||||
quote: "The best coffee in Gainesville, hands down. Classic vibes for days.",
|
||||
name: "Sarah Miller",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-glad-mixed-race-females-have-interracial-friendship-pose-camera-modern-cell-phone-make-selfie-while-have-rest-cozy-terrace-bar-enjoy-fresh-drinks-people-ethnicity-leisure_273609-3405.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Perfect spot.",
|
||||
quote: "Maude's has been my go-to for years. Always consistent, always cozy.",
|
||||
name: "David Thompson",
|
||||
role: "Local Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Exceptional service.",
|
||||
quote: "The staff are so friendly, and the espresso is divine.",
|
||||
name: "Jessica Lee",
|
||||
role: "Professor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Charming cafe.",
|
||||
quote: "I love the vintage furniture and the quality of their roasts.",
|
||||
name: "Robert Chen",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Daily staple.",
|
||||
quote: "Can't imagine my mornings without a croissant and coffee here.",
|
||||
name: "Emily Davis",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Gainesville"
|
||||
description="What our wonderful guests have to say about their experience at Maude's."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", title: "A local gem!", quote: "The best coffee in Gainesville, hands down. Classic vibes for days.", name: "Sarah Miller", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/photo-glad-mixed-race-females-have-interracial-friendship-pose-camera-modern-cell-phone-make-selfie-while-have-rest-cozy-terrace-bar-enjoy-fresh-drinks-people-ethnicity-leisure_273609-3405.jpg" },
|
||||
{ id: "t2", title: "Perfect spot.", quote: "Maude's has been my go-to for years. Always consistent, always cozy.", name: "David Thompson", role: "Local Artist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6751.jpg" },
|
||||
{ id: "t3", title: "Exceptional service.", quote: "The staff are so friendly, and the espresso is divine.", name: "Jessica Lee", role: "Professor", imageSrc: "http://img.b2bpic.net/free-photo/adorable-charming-lady-with-long-hair-wearing-trendy-blouse-sitting-cafeteria-with-great-smile_291650-620.jpg" },
|
||||
{ id: "t4", title: "Charming cafe.", quote: "I love the vintage furniture and the quality of their roasts.", name: "Robert Chen", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-686.jpg" },
|
||||
{ id: "t5", title: "Daily staple.", quote: "Can't imagine my mornings without a croissant and coffee here.", name: "Emily Davis", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg" },
|
||||
]}
|
||||
title="Loved by Gainesville"
|
||||
description="What our wonderful guests have to say about their experience at Maude's."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Gainesville Arts",
|
||||
"Local Roasters Union",
|
||||
"University Coffee Collective",
|
||||
"Florida Pastry Guild",
|
||||
"Historic Downtown Association",
|
||||
"Main Street Merchants",
|
||||
"Gainesville Daily News",
|
||||
]}
|
||||
title="Proudly Supported By"
|
||||
description="Community institutions and local partners who love us as much as we love Gainesville."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Gainesville Arts", "Local Roasters Union", "University Coffee Collective", "Florida Pastry Guild", "Historic Downtown Association", "Main Street Merchants", "Gainesville Daily News"]}
|
||||
title="Proudly Supported By"
|
||||
description="Community institutions and local partners who love us as much as we love Gainesville."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Yes, we are open seven days a week to serve you.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you have vegan options?",
|
||||
content: "Absolutely, we have plant-based milk alternatives and select vegan pastries.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I reserve space for events?",
|
||||
content: "We offer limited space for intimate cafe meetings; contact us for details.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Questions about our hours, menu, or locations."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Are you open on weekends?", content: "Yes, we are open seven days a week to serve you." },
|
||||
{ id: "q2", title: "Do you have vegan options?", content: "Absolutely, we have plant-based milk alternatives and select vegan pastries." },
|
||||
{ id: "q3", title: "Can I reserve space for events?", content: "We offer limited space for intimate cafe meetings; contact us for details." },
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
sideDescription="Questions about our hours, menu, or locations."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us"
|
||||
description="Drop by Maude's today for a fresh brew and classic atmosphere in downtown Gainesville."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Questions or comments?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-offering-food-neighbor_23-2149447189.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us"
|
||||
description="Drop by Maude's today for a fresh brew and classic atmosphere in downtown Gainesville."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
textarea={{ name: "message", placeholder: "Questions or comments?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-offering-food-neighbor_23-2149447189.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Maude's Classic Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Maude's Classic Cafe"
|
||||
columns={[
|
||||
{ title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user