Merge version_1_1777036518411 into main #3
@@ -1,270 +1,165 @@
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeaturesDualMedia from '@/components/sections/features/FeaturesDualMedia';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import PricingMediaCards from '@/components/sections/pricing/PricingMediaCards';
|
||||
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
|
||||
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
||||
import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
|
||||
import { Award, Coffee } from "lucide-react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarCentered from "@/components/ui/NavbarCentered";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
|
||||
import ProductVariantCards from "@/components/sections/product/ProductVariantCards";
|
||||
import FeaturesDualMedia from "@/components/sections/features/FeaturesDualMedia";
|
||||
import PricingMediaCards from "@/components/sections/pricing/PricingMediaCards";
|
||||
import TeamStackedCards from "@/components/sections/team/TeamStackedCards";
|
||||
import TestimonialAvatarCard from "@/components/sections/testimonial/TestimonialAvatarCard";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBrand from "@/components/sections/footer/FooterBrand";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", href: "#hero" },
|
||||
{ name: "About", href: "#about" },
|
||||
{ name: "Menu", href: "#menu" },
|
||||
{ name: "Contact", href: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
tag="Since 2012"
|
||||
title="Welcome to Izabella Coffeeshop"
|
||||
description="Crafting the perfect cup in the heart of the city. Join us for specialty coffee, artisan pastries, and a warm atmosphere that feels like home."
|
||||
primaryButton={{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Cups Served",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Bean Origins",
|
||||
},
|
||||
{
|
||||
value: "4.9★",
|
||||
label: "User Rating",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y29r3z&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Our Passion for Coffee"
|
||||
descriptions={[
|
||||
"At Izabella, we believe coffee is more than just a drink; it's a sensory experience. We source our beans ethically from sustainable farms across the globe to ensure every sip reflects our commitment to quality.",
|
||||
"Our baristas are masters of their craft, dedicated to highlighting the unique profile of each roast. Whether you prefer a bold espresso or a delicate pour-over, we're here to elevate your coffee routine.",
|
||||
"We cultivate a space where community meets quality. Whether you're working, catching up with friends, or enjoying a quiet morning, our doors are open.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductVariantCards
|
||||
tag="Handcrafted Daily"
|
||||
title="Our Coffee Selections"
|
||||
description="Explore our curated list of specialty drinks and artisan treats."
|
||||
products={[
|
||||
{
|
||||
name: "Signature Latte",
|
||||
variant: "Large",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=je4r3y",
|
||||
},
|
||||
{
|
||||
name: "Butter Croissant",
|
||||
variant: "Freshly Baked",
|
||||
price: "$4.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wl7o4e",
|
||||
},
|
||||
{
|
||||
name: "Double Espresso",
|
||||
variant: "House Blend",
|
||||
price: "$3.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44rgiu",
|
||||
},
|
||||
{
|
||||
name: "Cold Brew",
|
||||
variant: "16oz",
|
||||
price: "$4.75",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=24hvgy",
|
||||
},
|
||||
{
|
||||
name: "Flat White",
|
||||
variant: "Standard",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iqtx84",
|
||||
},
|
||||
{
|
||||
name: "House Americano",
|
||||
variant: "Hot/Iced",
|
||||
price: "$3.75",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=90dfvz",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Why Us"
|
||||
title="Experience the Izabella Difference"
|
||||
description="Excellence in every detail, from sourcing to brewing."
|
||||
items={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisan Roasts",
|
||||
description: "Micro-lots roasted weekly for peak flavor profiles.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gjpsx",
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarCentered
|
||||
logo="Izabella"
|
||||
navItems={navItems}
|
||||
ctaButton={{ text: "Visit Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
tag="Since 2012"
|
||||
title="Welcome to Izabella Coffeeshop"
|
||||
description="Crafting the perfect cup in the heart of the city. Join us for specialty coffee, artisan pastries, and a warm atmosphere that feels like home."
|
||||
primaryButton={{ text: "View Menu", href: "#menu" }}
|
||||
secondaryButton={{ text: "Contact Us", href: "#contact" }}
|
||||
kpis={[
|
||||
{ value: "10k+", label: "Cups Served" },
|
||||
{ value: "15+", label: "Bean Origins" },
|
||||
{ value: "4.9★", label: "User Rating" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y29r3z"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutTextSplit
|
||||
title="Our Passion for Coffee"
|
||||
descriptions={[
|
||||
"At Izabella, we believe coffee is more than just a drink; it's a sensory experience. We source our beans ethically from sustainable farms across the globe to ensure every sip reflects our commitment to quality.", "Our baristas are masters of their craft, dedicated to highlighting the unique profile of each roast. Whether you prefer a bold espresso or a delicate pour-over, we're here to elevate your coffee routine.", "We cultivate a space where community meets quality. Whether you're working, catching up with friends, or enjoying a quiet morning, our doors are open."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductVariantCards
|
||||
tag="Handcrafted Daily"
|
||||
title="Our Coffee Selections"
|
||||
description="Explore our curated list of specialty drinks and artisan treats."
|
||||
products={[
|
||||
{ name: "Signature Latte", variant: "Large", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=je4r3y" },
|
||||
{ name: "Butter Croissant", variant: "Freshly Baked", price: "$4.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wl7o4e" },
|
||||
{ name: "Double Espresso", variant: "House Blend", price: "$3.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=44rgiu" },
|
||||
{ name: "Cold Brew", variant: "16oz", price: "$4.75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=24hvgy" },
|
||||
{ name: "Flat White", variant: "Standard", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iqtx84" },
|
||||
{ name: "House Americano", variant: "Hot/Iced", price: "$3.75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=90dfvz" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeaturesDualMedia
|
||||
tag="Why Us"
|
||||
title="Experience the Izabella Difference"
|
||||
description="Excellence in every detail, from sourcing to brewing."
|
||||
items={[
|
||||
{
|
||||
icon: "Coffee",
|
||||
title: "Artisan Roasts",
|
||||
description: "Micro-lots roasted weekly for peak flavor profiles.",
|
||||
mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gjpsx" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aw8sp2" }]
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aw8sp2",
|
||||
{
|
||||
icon: "Award",
|
||||
title: "Fresh Pastries",
|
||||
description: "Baked from scratch every single morning.",
|
||||
mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3o9lj0" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bj5lfc" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Coffee Club"
|
||||
title="Subscription Plans"
|
||||
description="Bring the Izabella experience to your home."
|
||||
plans={[
|
||||
{
|
||||
tag: "Monthly",
|
||||
price: "$25",
|
||||
period: "/mo",
|
||||
features: ["1 Bag of Signature Roast", "10% Off Drinks in Cafe", "Tasting Notes Included"],
|
||||
primaryButton: { text: "Subscribe", href: "#" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wj74ce"
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y29r3z&_wi=2",
|
||||
imageAlt: "barista making specialty coffee",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Fresh Pastries",
|
||||
description: "Baked from scratch every single morning.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3o9lj0",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bj5lfc",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tth0s1",
|
||||
imageAlt: "barista making specialty coffee",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingMediaCards
|
||||
tag="Coffee Club"
|
||||
title="Subscription Plans"
|
||||
description="Bring the Izabella experience to your home."
|
||||
plans={[
|
||||
{
|
||||
tag: "Monthly",
|
||||
price: "$25",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"1 Bag of Signature Roast",
|
||||
"10% Off Drinks in Cafe",
|
||||
"Tasting Notes Included",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wj74ce",
|
||||
},
|
||||
{
|
||||
tag: "Quarterly",
|
||||
price: "$70",
|
||||
period: "/qtr",
|
||||
features: [
|
||||
"3 Bags of Signature Roast",
|
||||
"15% Off Drinks in Cafe",
|
||||
"Exclusive Event Invites",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ylpqu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamStackedCards
|
||||
tag="Meet Our Team"
|
||||
title="The People Behind Izabella"
|
||||
description="Meet our dedicated staff committed to your morning coffee."
|
||||
members={[
|
||||
{
|
||||
name: "Isabella R.",
|
||||
role: "Head Barista",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jpoyt1",
|
||||
},
|
||||
{
|
||||
name: "Marco P.",
|
||||
role: "Coffee Roaster",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h23q0u",
|
||||
},
|
||||
{
|
||||
name: "Sofia L.",
|
||||
role: "Customer Experience",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m52k58",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialAvatarCard
|
||||
tag="What They Say"
|
||||
primaryButton={{
|
||||
text: "Leave a Review",
|
||||
href: "#",
|
||||
}}
|
||||
avatars={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=se9x0x",
|
||||
},
|
||||
{
|
||||
name: "Bob D.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rxewup",
|
||||
},
|
||||
{
|
||||
name: "Charlie S.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bt4yrx",
|
||||
},
|
||||
{
|
||||
name: "Diana K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tdfbf9",
|
||||
},
|
||||
{
|
||||
name: "Evan G.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doryay",
|
||||
},
|
||||
]}
|
||||
title="Voices of Our Community"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Connect With Us"
|
||||
title="Visit or Reach Out"
|
||||
description="We'd love to hear from you. Stop by our location or send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
}}
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg39p1"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
{
|
||||
tag: "Quarterly",
|
||||
price: "$70",
|
||||
period: "/qtr",
|
||||
features: ["3 Bags of Signature Roast", "15% Off Drinks in Cafe", "Exclusive Event Invites"],
|
||||
primaryButton: { text: "Subscribe", href: "#" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ylpqu"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamStackedCards
|
||||
tag="Meet Our Team"
|
||||
title="The People Behind Izabella"
|
||||
description="Meet our dedicated staff committed to your morning coffee."
|
||||
members={[
|
||||
{ name: "Isabella R.", role: "Head Barista", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jpoyt1" },
|
||||
{ name: "Marco P.", role: "Coffee Roaster", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h23q0u" },
|
||||
{ name: "Sofia L.", role: "Customer Experience", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m52k58" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialAvatarCard
|
||||
tag="What They Say"
|
||||
title="Voices of Our Community"
|
||||
primaryButton={{ text: "Leave a Review", href: "#" }}
|
||||
avatars={[
|
||||
{ name: "Alice M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=se9x0x" },
|
||||
{ name: "Bob D.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rxewup" },
|
||||
{ name: "Charlie S.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bt4yrx" },
|
||||
{ name: "Diana K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tdfbf9" },
|
||||
{ name: "Evan G.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doryay" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
tag="Connect With Us"
|
||||
title="Visit or Reach Out"
|
||||
description="We'd love to hear from you. Stop by our location or send us a message."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4 }}
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lg39p1"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBrand
|
||||
brand="Izabella Coffeeshop"
|
||||
columns={[
|
||||
{ items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Subscription", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user