Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 15c5654374 | |||
| 18dcc053b4 | |||
| b812630737 |
272
src/app/page.tsx
272
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
import { Award, Coffee, Leaf, Users, Zap } from "lucide-react";
|
import { Award, Coffee, Leaf, Users, Zap, MapPin, Phone, Globe, PartyPopper } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -29,26 +29,12 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Our Story", id: "about" },
|
||||||
id: "hero",
|
{ name: "Menu", id: "products" },
|
||||||
},
|
{ name: "Events & Catering", id: "events" },
|
||||||
{
|
{ name: "Reviews", id: "testimonials" },
|
||||||
name: "Our Story",
|
{ name: "FAQ", id: "faq" },
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "FAQ",
|
|
||||||
id: "faq",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Bee Coffee"
|
brandName="Bee Coffee"
|
||||||
/>
|
/>
|
||||||
@@ -56,71 +42,14 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplit
|
<HeroSplit
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Naturally Sweetened Coffee"
|
title="Naturally Sweetened Coffee"
|
||||||
description="Experience the nectar of the beans. At Bee Coffee, we craft artisanal brews with a touch of natural sweetness in every pour."
|
description="Experience the nectar of the beans. At Bee Coffee, we craft artisanal brews with a touch of natural sweetness in every pour."
|
||||||
tag="Since 2012"
|
tag="Since 2012"
|
||||||
buttons={[
|
buttons={[{ text: "View Menu", href: "#products" }]}
|
||||||
{
|
|
||||||
text: "View Menu",
|
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=1"
|
||||||
imageAlt="Artisan coffee preparation"
|
imageAlt="Artisan coffee preparation"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/charming-lovely-girl-with-long-hair-nude-make-up-is-looking-aside-dreamy-while-drinking-coffee-cafeteria_291650-2137.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-business-meeting-with-coffee_23-2148366527.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Loved by 10k+ coffee lovers"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Ethically Sourced",
|
|
||||||
icon: Leaf,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Artisan Roasted",
|
|
||||||
icon: Coffee,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Premium Quality",
|
|
||||||
icon: Award,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Community Focused",
|
|
||||||
icon: Users,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Handcrafted",
|
|
||||||
icon: Zap,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -129,21 +58,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
title="Crafted with Passion"
|
title="Crafted with Passion"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ icon: Coffee, label: "Coffee Varieties", value: "24+" },
|
||||||
icon: Coffee,
|
{ icon: Award, label: "Years Roasting", value: "12" },
|
||||||
label: "Coffee Varieties",
|
{ icon: Users, label: "Happy Customers", value: "10k+" },
|
||||||
value: "24+",
|
]}
|
||||||
},
|
metricsAnimation="slide-up"
|
||||||
{
|
/>
|
||||||
icon: Award,
|
</div>
|
||||||
label: "Years Roasting",
|
|
||||||
value: "12",
|
<div id="events" data-section="events">
|
||||||
},
|
<AboutMetric
|
||||||
{
|
useInvertedBackground={false}
|
||||||
icon: Users,
|
title="Event Catering Services"
|
||||||
label: "Happy Customers",
|
metrics={[
|
||||||
value: "10k+",
|
{ icon: PartyPopper, label: "Weddings & Private Parties", value: "Available" },
|
||||||
},
|
{ icon: MapPin, label: "Location", value: "8609 Land O' Lakes Blvd" },
|
||||||
|
{ icon: Phone, label: "Call Us", value: "(813) 809-6787" },
|
||||||
|
{ icon: Globe, label: "Website", value: "beecoffeefl.com" },
|
||||||
]}
|
]}
|
||||||
metricsAnimation="slide-up"
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -156,48 +87,8 @@ export default function LandingPage() {
|
|||||||
gridVariant="one-large-left-three-stacked-right"
|
gridVariant="one-large-left-three-stacked-right"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Bee Signature Roast", price: "$18.00", variant: "Whole Bean", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg?_wi=1" },
|
||||||
id: "1",
|
{ id: "2", name: "Velvet Latte", price: "$5.50", variant: "Hot Beverage", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg?_wi=1" },
|
||||||
name: "Bee Signature Roast",
|
|
||||||
price: "$18.00",
|
|
||||||
variant: "Whole Bean",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Velvet Latte",
|
|
||||||
price: "$5.50",
|
|
||||||
variant: "Hot Beverage",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Dark Forest Espresso",
|
|
||||||
price: "$4.00",
|
|
||||||
variant: "Single Shot",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-cup-books_23-2148898270.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Cold Brew Reserve",
|
|
||||||
price: "$6.00",
|
|
||||||
variant: "Cold Beverage",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-table_23-2151899225.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Golden Cappuccino",
|
|
||||||
price: "$5.75",
|
|
||||||
variant: "Hot Beverage",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-pours-freshly-made-turkish-coffee-into-cup-closeup-professional-barista-prepares-coffee-by-hand-traditional-way-sand-selective-focus-space-text_166373-2978.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "French Press Daily",
|
|
||||||
price: "$4.50",
|
|
||||||
variant: "Hot Beverage",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354576.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Brews"
|
title="Our Signature Brews"
|
||||||
description="Discover our collection of ethically sourced, masterfully roasted coffee beans."
|
description="Discover our collection of ethically sourced, masterfully roasted coffee beans."
|
||||||
@@ -208,63 +99,7 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardFive
|
<TestimonialCardFive
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[]}
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Sarah J.",
|
|
||||||
date: "Oct 2023",
|
|
||||||
title: "Coffee Lover",
|
|
||||||
quote: "The signature roast is simply the best in town!",
|
|
||||||
tag: "Regular",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-cheesecake-wooden-table-front-cushion-against-white-wall_23-2148067198.jpg?_wi=2",
|
|
||||||
imageAlt: "cozy artisan coffee shop interior",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Mark D.",
|
|
||||||
date: "Sept 2023",
|
|
||||||
title: "Digital Nomad",
|
|
||||||
quote: "Perfect workspace with the best latte art.",
|
|
||||||
tag: "Visitor",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/charming-lovely-girl-with-long-hair-nude-make-up-is-looking-aside-dreamy-while-drinking-coffee-cafeteria_291650-2137.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-beans-cup-cutting-board_23-2148759290.jpg?_wi=2",
|
|
||||||
imageAlt: "fresh roasted coffee beans in bag",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Elena M.",
|
|
||||||
date: "Aug 2023",
|
|
||||||
title: "Local Resident",
|
|
||||||
quote: "I visit every single morning, couldn't live without it.",
|
|
||||||
tag: "Loyal",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-meeting_329181-1766.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-pouring-coffee-into-cup_23-2148420316.jpg?_wi=2",
|
|
||||||
imageAlt: "creamy latte art close up",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David K.",
|
|
||||||
date: "July 2023",
|
|
||||||
title: "Foodie",
|
|
||||||
quote: "Their cold brew is refreshing and smooth.",
|
|
||||||
tag: "Fan",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-business-meeting-with-coffee_23-2148366527.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-cup-books_23-2148898270.jpg?_wi=2",
|
|
||||||
imageAlt: "hot black coffee cup steam",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Jane W.",
|
|
||||||
date: "June 2023",
|
|
||||||
title: "Blogger",
|
|
||||||
quote: "Truly artisan craftsmanship in every cup.",
|
|
||||||
tag: "Influencer",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-carefree-woman-enjoying-morning-outdoor-coffee-shop_74855-3463.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-table_23-2151899225.jpg?_wi=2",
|
|
||||||
imageAlt: "iced cold brew coffee glass",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="What Our Community Says"
|
title="What Our Community Says"
|
||||||
description="Real feedback from our loyal coffee enthusiasts."
|
description="Real feedback from our loyal coffee enthusiasts."
|
||||||
/>
|
/>
|
||||||
@@ -273,23 +108,7 @@ export default function LandingPage() {
|
|||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqSplitText
|
<FaqSplitText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[]}
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
title: "Do you offer wholesale?",
|
|
||||||
content: "Yes, we work with various cafes and restaurants. Please contact us for details.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
title: "Are your beans organic?",
|
|
||||||
content: "We prioritize organic and fair-trade sourcing whenever possible.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Where is your coffee roasted?",
|
|
||||||
content: "We roast all our beans locally at our main shop location.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
sideTitle="Common Questions"
|
sideTitle="Common Questions"
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -297,34 +116,7 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
|
||||||
title: "Bee Coffee",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Locations",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Wholesale",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Support",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Contact Us",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "FAQ",
|
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
bottomLeftText="© 2024 Bee Coffee"
|
bottomLeftText="© 2024 Bee Coffee"
|
||||||
bottomRightText="All rights reserved"
|
bottomRightText="All rights reserved"
|
||||||
/>
|
/>
|
||||||
@@ -332,4 +124,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user