Merge version_1 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Zap, Star, Award } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -19,90 +20,49 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Brew & Bean"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="The Perfect Brew, Every Single Day."
|
||||
description="Artisanal coffee and fresh pastries crafted with passion in the heart of the city. Join us for a moment of calm."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg?_wi=1"
|
||||
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg",
|
||||
alt: "Frothy drinks pour from machinery in coffee shop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg",
|
||||
alt: "Close-up hands preparing coffee with milk",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-pours-from-one-cup-coffee-into-another-full-cup-coffee-spills-from-edges_140725-9169.jpg",
|
||||
alt: "a man pours from one a cup of coffee into another",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg",
|
||||
alt: "Close-up hand pouring milk in delicious coffee cup",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-having-coffee_23-2147859252.jpg",
|
||||
alt: "Young man having a coffee",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg", alt: "Frothy drinks pour from machinery in coffee shop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee-with-milk_23-2148865586.jpg", alt: "Close-up hands preparing coffee with milk" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-pours-from-one-cup-coffee-into-another-full-cup-coffee-spills-from-edges_140725-9169.jpg", alt: "a man pours from one a cup of coffee into another" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg", alt: "Close-up hand pouring milk in delicious coffee cup" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-having-coffee_23-2147859252.jpg", alt: "Young man having a coffee" },
|
||||
]}
|
||||
avatarText="Join our community of coffee lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Crafted Lattes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Pastries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{ type: "text", text: "Freshly Roasted Daily" },
|
||||
{ type: "text", text: "Hand-Crafted Lattes" },
|
||||
{ type: "text", text: "Artisanal Pastries" },
|
||||
{ type: "text", text: "Local Ingredients" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -111,12 +71,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Care, Served with Love"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,34 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "We partner with local farmers for the best beans.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-buckwheats-food-shovels-alongside-them-horizontal_176474-2387.jpg",
|
||||
imageAlt: "artisanal coffee roasting process",
|
||||
},
|
||||
{
|
||||
title: "Daily Freshness",
|
||||
description: "Our pastries are baked fresh every morning.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg?_wi=2",
|
||||
imageAlt: "artisanal coffee roasting process",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Your third space away from home.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-pralines_114579-20065.jpg",
|
||||
imageAlt: "artisanal coffee roasting process",
|
||||
},
|
||||
{
|
||||
title: "Expert Roasting",
|
||||
description: "Precision roasting for optimal flavor.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-assortment-with-copy-space_23-2148516595.jpg",
|
||||
imageAlt: "artisanal coffee roasting process",
|
||||
},
|
||||
{ title: "Ethically Sourced", description: "We partner with local farmers for the best beans.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/top-view-buckwheats-food-shovels-alongside-them-horizontal_176474-2387.jpg", imageAlt: "artisanal coffee roasting process" },
|
||||
{ title: "Daily Freshness", description: "Our pastries are baked fresh every morning.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg", imageAlt: "artisanal coffee roasting process" },
|
||||
{ title: "Cozy Atmosphere", description: "Your third space away from home.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-chocolate-pralines_114579-20065.jpg", imageAlt: "artisanal coffee roasting process" },
|
||||
{ title: "Expert Roasting", description: "Precision roasting for optimal flavor.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-assortment-with-copy-space_23-2148516595.jpg", imageAlt: "artisanal coffee roasting process" },
|
||||
]}
|
||||
title="Why Choose Brew & Bean?"
|
||||
description="Experience the difference in every cup."
|
||||
@@ -166,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Latte",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-146532.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cold Brew",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glasses_1220-3572.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blueberry-muffin_74190-7072.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Espresso Shot",
|
||||
price: "$2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-pouring-into-ceramic-cup_23-2147834512.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Herbal Tea",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-empty-cup-dark_140725-78006.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Avocado Toast",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-with-vegetable-salad-cup-tea_114579-28959.jpg",
|
||||
},
|
||||
{ id: "1", name: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-various-coffee_53876-146532.jpg" },
|
||||
{ id: "2", name: "Cold Brew", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glasses_1220-3572.jpg" },
|
||||
{ id: "3", name: "Blueberry Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-muffin_74190-7072.jpg" },
|
||||
{ id: "4", name: "Espresso Shot", price: "$2.50", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-pouring-into-ceramic-cup_23-2147834512.jpg" },
|
||||
{ id: "5", name: "Herbal Tea", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-empty-cup-dark_140725-78006.jpg" },
|
||||
{ id: "6", name: "Avocado Toast", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/fried-egg-with-vegetable-salad-cup-tea_114579-28959.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Hand-crafted coffee and treats."
|
||||
@@ -212,31 +113,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe_627829-5518.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-woman-glasses-spending-time-home-sitting-with-cup_1258-202791.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-carrying-mugs-with-coffee-his-colleagues_23-2148817106.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eva J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-sitting-coffee-shop_23-2150183771.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg" },
|
||||
{ id: "2", name: "Bob K.", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-orange-sweater-sitting-bar-counter-cafe_627829-5518.jpg" },
|
||||
{ id: "3", name: "Charlie D.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-woman-glasses-spending-time-home-sitting-with-cup_1258-202791.jpg" },
|
||||
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-carrying-mugs-with-coffee-his-colleagues_23-2148817106.jpg" },
|
||||
{ id: "5", name: "Eva J.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-sitting-coffee-shop_23-2150183771.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Guests Say"
|
||||
cardTag="Reviews"
|
||||
@@ -250,33 +131,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15k+",
|
||||
title: "Cups Served",
|
||||
items: [
|
||||
"Per Year",
|
||||
"High Quality",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "Local Suppliers",
|
||||
items: [
|
||||
"Community First",
|
||||
"Ethical",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
title: "Years Serving",
|
||||
items: [
|
||||
"Neighborhood Pride",
|
||||
"Steady",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "15k+", title: "Cups Served", items: ["Per Year", "High Quality"] },
|
||||
{ id: "m2", value: "20", title: "Local Suppliers", items: ["Community First", "Ethical"] },
|
||||
{ id: "m3", value: "5", title: "Years Serving", items: ["Neighborhood Pride", "Steady"] },
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="We measure success in happiness."
|
||||
@@ -288,21 +145,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer wifi?",
|
||||
content: "Yes, we have free high-speed internet for all customers.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Absolutely! Well-behaved pets are welcome on our patio.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you take reservations?",
|
||||
content: "We operate as a walk-in cafe, but contact us for events.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer wifi?", content: "Yes, we have free high-speed internet for all customers." },
|
||||
{ id: "f2", title: "Are you pet friendly?", content: "Absolutely! Well-behaved pets are welcome on our patio." },
|
||||
{ id: "f3", title: "Do you take reservations?", content: "We operate as a walk-in cafe, but contact us for events." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -313,32 +158,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Us Today"
|
||||
description="Located at 123 Coffee Lane, City Center. Stop by for your daily boost."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Brew & Bean"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user