Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6d59e8092f |
203
src/app/page.tsx
203
src/app/page.tsx
@@ -3,8 +3,8 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Experience", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="House of Blends"
|
||||
/>
|
||||
@@ -59,41 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="House of Blends"
|
||||
description="Where artisanal coffee meets timeless comfort. Experience the perfect pour in every cup."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-brush_23-2148892845.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-brush_23-2148892845.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg",
|
||||
imageAlt: "Coffee beans",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restaurant_23-2150491833.jpg", imageAlt: "Coffee beans"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-restaurant-paris-france-menu-board-square_1101-3195.jpg",
|
||||
imageAlt: "Morning pastries",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/french-restaurant-paris-france-menu-board-square_1101-3195.jpg", imageAlt: "Morning pastries"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-by-beach_53876-31343.jpg",
|
||||
imageAlt: "Barista art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-latte-by-beach_53876-31343.jpg", imageAlt: "Barista art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6103.jpg",
|
||||
imageAlt: "Coffee beans macro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6103.jpg", imageAlt: "Coffee beans macro"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg",
|
||||
imageAlt: "Cafe exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-mock-up-design-cafe-signboard-nice-building-outdoors_158595-6498.jpg", imageAlt: "Cafe exterior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,9 +79,7 @@ export default function LandingPage() {
|
||||
title="A Legacy of Craft and Community"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,41 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "House Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25505.jpg",
|
||||
},
|
||||
id: "1", name: "House Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-roasted-coffee-beans-falling-out-burlap-bag-red-background_141793-25505.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Espresso",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-blueberry-banana-muffins-tray_661915-643.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Espresso", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/healthy-blueberry-banana-muffins-tray_661915-643.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Cold Brew Reserve",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-hot-coffee-glass-with-ice_181624-28793.jpg",
|
||||
},
|
||||
id: "3", name: "Cold Brew Reserve", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-hot-coffee-glass-with-ice_181624-28793.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-bread-white-cloth_23-2148438714.jpg",
|
||||
},
|
||||
id: "4", name: "Blueberry Muffin", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-baked-bread-white-cloth_23-2148438714.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Almond Croissant",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rosemary-hot-tea-cup-ready-drink_1150-35601.jpg",
|
||||
},
|
||||
id: "5", name: "Almond Croissant", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/rosemary-hot-tea-cup-ready-drink_1150-35601.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sourdough Toast",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464811.jpg",
|
||||
},
|
||||
id: "6", name: "Sourdough Toast", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464811.jpg"},
|
||||
]}
|
||||
title="Artisanal Selection"
|
||||
description="Explore our curated range of specialty coffees, hand-baked pastries, and light bites."
|
||||
@@ -167,40 +116,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "The best atmosphere in the city. Truly consistent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sipping-drink-sitting-counch_53876-24883.jpg",
|
||||
},
|
||||
id: "1", name: "Elena R.", handle: "@elena_r", testimonial: "The best atmosphere in the city. Truly consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sipping-drink-sitting-counch_53876-24883.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus T.",
|
||||
handle: "@mt_coffee",
|
||||
testimonial: "My morning ritual wouldn't be complete without their drip brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus T.", handle: "@mt_coffee", testimonial: "My morning ritual wouldn't be complete without their drip brew.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "Exceptional pastries. Everything feels freshly made with care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah J.", handle: "@sarah_j", testimonial: "Exceptional pastries. Everything feels freshly made with care.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-urban-cafe_158595-684.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Liam D.",
|
||||
handle: "@liam_d",
|
||||
testimonial: "The staff remembers my order every single time. Amazing service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-young-smiling-blond-woman-sitting-outdoor-cafe-holding-notebook-doing-her-homework_1258-205335.jpg",
|
||||
},
|
||||
id: "4", name: "Liam D.", handle: "@liam_d", testimonial: "The staff remembers my order every single time. Amazing service.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-smiling-blond-woman-sitting-outdoor-cafe-holding-notebook-doing-her-homework_1258-205335.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya W.",
|
||||
handle: "@maya_w",
|
||||
testimonial: "A beautiful, quiet place to work. Best mocha I've ever had.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-serious-stylish-manager-looking-his-watch-streets-city-near-modern-office-centre-man-drinks-coffee-employee-looks-time_496169-504.jpg",
|
||||
},
|
||||
id: "5", name: "Maya W.", handle: "@maya_w", testimonial: "A beautiful, quiet place to work. Best mocha I've ever had.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-serious-stylish-manager-looking-his-watch-streets-city-near-modern-office-centre-man-drinks-coffee-employee-looks-time_496169-504.jpg"},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Don't just take our word for it—our patrons love the House of Blends experience."
|
||||
@@ -214,20 +138,11 @@ export default function LandingPage() {
|
||||
tag="Our Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15K+",
|
||||
description: "Cups Poured",
|
||||
},
|
||||
id: "1", value: "15K+", description: "Cups Poured"},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
description: "Local Regulars",
|
||||
},
|
||||
id: "2", value: "500+", description: "Local Regulars"},
|
||||
{
|
||||
id: "3",
|
||||
value: "12",
|
||||
description: "Bean Origins",
|
||||
},
|
||||
id: "3", value: "12", description: "Bean Origins"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -240,23 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Carter",
|
||||
role: "Head Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owners_23-2149149729.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Carter", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-owners_23-2149149729.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sofia Rossi",
|
||||
role: "Cafe Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-with-tablet-standing-front-cafe-entrance-inviting-guests-customers_1258-199373.jpg",
|
||||
},
|
||||
id: "2", name: "Sofia Rossi", role: "Cafe Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-woman-with-tablet-standing-front-cafe-entrance-inviting-guests-customers_1258-199373.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ben Wilson",
|
||||
role: "Pastry Chef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
|
||||
},
|
||||
id: "3", name: "Ben Wilson", role: "Pastry Chef", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg"},
|
||||
]}
|
||||
title="Meet Your Baristas"
|
||||
description="Crafting excellence daily with a smile."
|
||||
@@ -264,29 +167,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, please contact us for event inquiries.",
|
||||
},
|
||||
id: "1", title: "Do you offer catering?", content: "Yes, please contact us for event inquiries."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have vegan options?",
|
||||
content: "We offer oat, almond, and soy milk, plus vegan pastry options.",
|
||||
},
|
||||
id: "2", title: "Do you have vegan options?", content: "We offer oat, almond, and soy milk, plus vegan pastry options."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there free Wi-Fi?",
|
||||
content: "Yes, we provide high-speed Wi-Fi for all patrons.",
|
||||
},
|
||||
id: "3", title: "Is there free Wi-Fi?", content: "Yes, we provide high-speed Wi-Fi for all patrons."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visits."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-interior-with-people-working_1127-2384.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,27 +192,29 @@ export default function LandingPage() {
|
||||
description="Have questions? Reach out, or come experience House of Blends."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-restaurant_1127-2154.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterBaseReveal
|
||||
logoText="House of Blends"
|
||||
columns={[
|
||||
{
|
||||
title: "Cafe", items: [{ label: "Menu", href: "#menu" }, { label: "Our Story", href: "#about" }]
|
||||
},
|
||||
{
|
||||
title: "Help", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 House of Blends Cafe | All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user