|
|
|
|
@@ -3,12 +3,11 @@
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
|
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
|
|
|
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
|
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
|
|
|
|
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
@@ -19,7 +18,7 @@ export default function LandingPage() {
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="aurora"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="subtle-shadow"
|
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
@@ -29,74 +28,39 @@ export default function LandingPage() {
|
|
|
|
|
<NavbarStyleCentered
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "Menu", id: "product" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonial" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonial" }
|
|
|
|
|
]}
|
|
|
|
|
button={{ text: "Order Online", href: "product" }}
|
|
|
|
|
brandName="Alla Coffeeshop"
|
|
|
|
|
button={{ text: "Discover Features", href: "#feature" }}
|
|
|
|
|
brandName="GoFo"
|
|
|
|
|
className="py-4 px-6 md:py-6 md:px-8 lg:px-12"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
|
title="Your Daily Escape: Discover Alla Coffeeshop"
|
|
|
|
|
title="Your Daily Escape: Discover GoFo"
|
|
|
|
|
description="Experience the rich aroma of freshly brewed coffee, delightful pastries, and a cozy atmosphere perfect for relaxation or connection."
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Welcome to Alla"
|
|
|
|
|
tag="Welcome to GoFo"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Explore Our Menu", href: "product" },
|
|
|
|
|
{ text: "Find Us", href: "contact" },
|
|
|
|
|
{ text: "Discover Our Features", href: "#feature" },
|
|
|
|
|
{ text: "Read Testimonials", href: "#testimonial" }
|
|
|
|
|
]}
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "Barista preparing coffee at Alla Coffeeshop"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-hands-preparing-coffee-customer-coffee-shop_93675-135317.jpg", imageAlt: "Barista preparing coffee at GoFo"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Close-up of latte art"},
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-with-milk-cream_23-2148865608.jpg", imageAlt: "Close-up of latte art"}
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
rating={5}
|
|
|
|
|
ratingText="Loved by Our Community"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<MediaAbout
|
|
|
|
|
title="Our Passion for Perfect Coffee"
|
|
|
|
|
description="At Alla, we believe every cup tells a story. We meticulously source the finest beans, roast them to perfection, and craft each drink with care. More than just a coffee shop, Alla is a community hub where moments are shared and memories are made."
|
|
|
|
|
tag="About Alla"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
|
|
|
|
|
imageAlt="Exterior of Alla Coffeeshop"
|
|
|
|
|
buttons={[{ text: "Learn Our Story", href: "#about" }]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="product" data-section="product">
|
|
|
|
|
<ProductCardOne
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Espresso Forte", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/steaming-espresso-cup-grey-background-closeup_1220-6682.jpg", imageAlt: "Espresso Forte"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Velvet Latte", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-latte-art-decoration_1150-6325.jpg", imageAlt: "Velvet Latte"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Buttery Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-teapot-cookies-coffee-croissant-fig-lemon-table_23-2147956822.jpg", imageAlt: "Buttery Croissant"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Alla's Signature Sandwich", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/fast-food-with-french-fries-croque_1220-7956.jpg", imageAlt: "Alla's Signature Sandwich"},
|
|
|
|
|
]}
|
|
|
|
|
title="Our Delicious Offerings"
|
|
|
|
|
description="Indulge in our exquisite selection of handcrafted coffees and freshly baked treats."
|
|
|
|
|
tag="Our Menu"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="feature" data-section="feature">
|
|
|
|
|
<FeatureCardTwentyOne
|
|
|
|
|
title="Why Choose Alla?"
|
|
|
|
|
description="We're dedicated to bringing you an unparalleled coffee experience, from our ethically sourced beans to our warm, welcoming staff."
|
|
|
|
|
tag="Our Difference"
|
|
|
|
|
title="Why Choose GoFo?"
|
|
|
|
|
description="We're dedicated to bringing you an unparalleled experience, from our ethically sourced beans to our warm, welcoming staff."
|
|
|
|
|
tag="GoFo's Difference"
|
|
|
|
|
accordionItems={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Premium, Ethically Sourced Beans", content:
|
|
|
|
|
@@ -106,7 +70,7 @@ export default function LandingPage() {
|
|
|
|
|
"Our baristas are passionate artisans, trained to perfect every pour, foam, and flavor to create your ideal coffee."},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "Cozy Atmosphere & Community", content:
|
|
|
|
|
"Alla is more than a place to grab coffee; it's a comfortable space designed for connection, creativity, and calm moments."},
|
|
|
|
|
"GoFo is more than a place to grab coffee; it's a comfortable space designed for connection, creativity, and calm moments."}
|
|
|
|
|
]}
|
|
|
|
|
videoSrc="http://img.b2bpic.net/free-photo/woman-grinding-coffee-coffee-machine_1303-31284.jpg"
|
|
|
|
|
videoAriaLabel="Roasted coffee beans"
|
|
|
|
|
@@ -120,7 +84,7 @@ export default function LandingPage() {
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Sofia K.", handle: "Coffee Lover", testimonial:
|
|
|
|
|
"Alla is my daily ritual. The coffee is divine, and the atmosphere is so calming. Highly recommend the Velvet Latte!", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", imageAlt: "Sofia K."},
|
|
|
|
|
"GoFo is my daily ritual. The coffee is divine, and the atmosphere is so calming. Highly recommend the Velvet Latte!", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", imageAlt: "Sofia K."},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Alex M.", handle: "Local Artist", testimonial:
|
|
|
|
|
"The best spot for inspiration and a great cup of coffee. Their attention to detail in every drink is amazing.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg", imageAlt: "Alex M."},
|
|
|
|
|
@@ -129,17 +93,17 @@ export default function LandingPage() {
|
|
|
|
|
"A fantastic place to study or meet friends. The staff are always so friendly, and the pastries are a must-try!", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sitting-reading-room_23-2147860520.jpg", imageAlt: "Elena P."},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Dmitry V.", handle: "Entrepreneur", testimonial:
|
|
|
|
|
"Great coffee and a perfect environment for business meetings. Alla consistently delivers excellence.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-remotely-from-cafe_53876-15165.jpg", imageAlt: "Dmitry V."},
|
|
|
|
|
"Great coffee and a perfect environment for business meetings. GoFo consistently delivers excellence.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-remotely-from-cafe_53876-15165.jpg", imageAlt: "Dmitry V."},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Maria & Ben", handle: "Happy Couple", testimonial:
|
|
|
|
|
"Our favorite weekend spot! We love the cozy vibes and the consistently delicious coffee. A true gem.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-hands-talking-cafe_637285-12503.jpg", imageAlt: "Maria & Ben"},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "Olga S.", handle: "Food Blogger", testimonial:
|
|
|
|
|
"Alla offers a truly exceptional coffee experience. Their espresso is perfectly balanced and full-bodied.", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-eyewear-yellow-sweatshirt-sitting-cafe-read-menu_627829-14184.jpg", imageAlt: "Olga S."},
|
|
|
|
|
"GoFo offers a truly exceptional experience. Their espresso is perfectly balanced and full-bodied.", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-eyewear-yellow-sweatshirt-sitting-cafe-read-menu_627829-14184.jpg", imageAlt: "Olga S."}
|
|
|
|
|
]}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
title="What Our Guests Say"
|
|
|
|
|
description="Hear from our cherished customers who make Alla their favorite coffee destination."
|
|
|
|
|
title="What Our Guests Say About GoFo"
|
|
|
|
|
description="Hear from our cherished customers who make GoFo their favorite coffee destination."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -149,36 +113,23 @@ export default function LandingPage() {
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", value: "100%", title: "Finest Arabica Beans", items: [
|
|
|
|
|
"Ethically sourced from sustainable farms", "Expertly roasted for rich flavor"],
|
|
|
|
|
"Ethically sourced from sustainable farms", "Expertly roasted for rich flavor"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", value: "50+", title: "Signature Drinks Crafted", items: ["Classic espresso beverages", "Unique seasonal specials"],
|
|
|
|
|
id: "2", value: "50+", title: "Signature Drinks Crafted", items: ["Classic espresso beverages", "Unique seasonal specials"]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", value: "5 Star", title: "Customer Satisfaction", items: [
|
|
|
|
|
"Cozy atmosphere & friendly staff", "Perfect for work, study, or relaxation"],
|
|
|
|
|
},
|
|
|
|
|
"Cozy atmosphere & friendly staff", "Perfect for work, study, or relaxation"]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
title="Our Coffee & Community in Numbers"
|
|
|
|
|
description="Experience the Alla difference, quantified by quality and customer happiness."
|
|
|
|
|
title="GoFo's Impact in Numbers"
|
|
|
|
|
description="Experience the GoFo difference, quantified by quality and customer happiness."
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCTA
|
|
|
|
|
tag="Visit Us"
|
|
|
|
|
title="Come Enjoy the Alla Experience"
|
|
|
|
|
description="Whether you're looking for your morning brew, a quiet place to work, or a cozy spot to meet friends, Alla Coffeeshop awaits."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Get Directions", href: "https://maps.app.goo.gl/examplelocation" },
|
|
|
|
|
{ text: "Call Us", href: "tel:+1234567890" },
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterMedia
|
|
|
|
|
videoSrc="http://img.b2bpic.net/free-photo/close-up-hands-holding-coffee-cup_23-2148865570.jpg"
|
|
|
|
|
@@ -186,27 +137,24 @@ export default function LandingPage() {
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Explore", items: [
|
|
|
|
|
{ label: "Home", href: "/" },
|
|
|
|
|
{ label: "Menu", href: "#product" },
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
],
|
|
|
|
|
{ label: "Home", href: "/" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Connect", items: [
|
|
|
|
|
{ label: "Contact", href: "#contact" },
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com/allacoffeeshop" },
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com/allacoffeeshop" },
|
|
|
|
|
],
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com/gofo" },
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com/gofo" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
{ label: "Privacy Policy", href: "/privacy" },
|
|
|
|
|
{ label: "Terms of Service", href: "/terms" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{ label: "Terms of Service", href: "/terms" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
logoText="Alla Coffeeshop"
|
|
|
|
|
copyrightText="© 2024 Alla Coffeeshop. All rights reserved."
|
|
|
|
|
logoText="GoFo"
|
|
|
|
|
copyrightText="© 2024 GoFo. All rights reserved."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
