Initial commit
This commit is contained in:
Nikolay Pecheniev
254
src/app/page.tsx
Normal file
254
src/app/page.tsx
Normal file
@@ -0,0 +1,254 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import { ArrowLeftRight, CircleDollarSign, Coffee, Facebook, Flame, Globe, Heart, Home, House, Instagram, Leaf, Linkedin, Mail, MessageSquareText, Send, Settings, TrendingUp, Twitter, Users, Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="sharp"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Drink with Us"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title="Welcome to Drink with Us"
|
||||
description="Experience the finest specialty coffee crafted by passionate baristas. From locally roasted beans to signature blends, every cup tells a story."
|
||||
tag="Premium Coffee Experience"
|
||||
tagIcon={Coffee}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Explore Our Menu", href: "#products" },
|
||||
{ text: "Visit Us Today", href: "#contact" }
|
||||
]}
|
||||
dashboard={{
|
||||
title: "Coffee Quality Metrics", logoIcon: Coffee,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/table-chairs-bar_107420-65857.jpg", imageAlt: "Drink with Us Coffeeshop Interior", searchPlaceholder: "Search our menu...", buttons: [
|
||||
{ text: "View Menu", href: "#products" },
|
||||
{ text: "Reserve Table", href: "#contact" }
|
||||
],
|
||||
sidebarItems: [
|
||||
{ icon: Home, active: true },
|
||||
{ icon: Coffee },
|
||||
{ icon: Users }
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Roasting Since", values: ["2015", "2016", "2017"],
|
||||
description: "Years of excellence"
|
||||
},
|
||||
{
|
||||
title: "Premium Blends", values: ["12", "18", "24"],
|
||||
description: "Available varieties"
|
||||
},
|
||||
{
|
||||
title: "Happy Customers", values: ["5000", "7500", "10000"],
|
||||
description: "Served monthly"
|
||||
}
|
||||
],
|
||||
chartTitle: "Monthly Customer Growth", chartData: [
|
||||
{ value: 45 },
|
||||
{ value: 60 },
|
||||
{ value: 75 },
|
||||
{ value: 85 },
|
||||
{ value: 90 }
|
||||
],
|
||||
listTitle: "Today's Special Orders", listItems: [
|
||||
{ icon: Coffee, title: "Ethiopian Yirgacheffe", status: "Available" },
|
||||
{ icon: Zap, title: "Double Shot Espresso", status: "Popular" },
|
||||
{ icon: Heart, title: "Signature Caramel Latte", status: "Limited" }
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Coffee Story"
|
||||
description="Since 2015, Drink with Us has been dedicated to bringing the world's finest specialty coffee to your neighborhood. We believe in sustainability, quality, and community."
|
||||
tag="About Our Brand"
|
||||
tagIcon={Heart}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/cookies-fresh-coffee-made-from-coffee-beans_23-2148326705.jpg"
|
||||
imageAlt="Premium Coffee Beans"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Direct Trade Sourcing", description: "We partner directly with coffee farmers to ensure quality and fair compensation.", icon: Globe
|
||||
},
|
||||
{
|
||||
title: "Expert Roasting", description: "Our in-house roastery uses traditional methods to bring out unique flavor profiles.", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Community Focused", description: "Every cup sold supports local artists and community initiatives.", icon: Users
|
||||
},
|
||||
{
|
||||
title: "Sustainable Practices", description: "We're committed to reducing our environmental impact through eco-friendly packaging.", icon: Leaf
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#team" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
title="Featured Coffee Selection"
|
||||
description="Discover our handpicked collection of premium coffee blends, each with unique characteristics and flavor profiles."
|
||||
tag="Our Menu"
|
||||
tagIcon={Coffee}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Ethiopian Yirgacheffe", price: "$16.99/lb", imageSrc: "https://img.b2bpic.net/free-photo/delicious-coffee-with-milk_23-2147985001.jpg", imageAlt: "Ethiopian Yirgacheffe Coffee"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Colombian Huila Reserve", price: "$17.99/lb", imageSrc: "https://img.b2bpic.net/free-photo/cappuccino-coffee-glass-with-croissant-wooden-tray_23-2147908384.jpg", imageAlt: "Colombian Huila Reserve Coffee"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Signature House Blend", price: "$14.99/lb", imageSrc: "https://img.b2bpic.net/free-photo/caramel-latte-table_140725-4503.jpg", imageAlt: "Signature House Blend Coffee"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Drink with Us has become my daily sanctuary. The coffee is exceptional, the baristas are incredibly knowledgeable, and the atmosphere makes you feel like you're part of a community, not just a customer."
|
||||
rating={5}
|
||||
author="Maria Chen, Coffee Enthusiast"
|
||||
useInvertedBackground="invertDefault"
|
||||
avatars={[
|
||||
{ src: "https://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg", alt: "Maria Chen" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-cup_23-2148865607.jpg", alt: "Customer 2" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/male-barista-preparing-cappuccino-coffee-shop_1303-29343.jpg", alt: "Customer 3" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/coffee-business-concept-handsome-bearded-man-apron-making-coffee-while-standing-cafe_1258-104246.jpg", alt: "Customer 4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Drink with Us By Numbers"
|
||||
description="Our impact and commitment to excellence, reflected in our growth and customer satisfaction."
|
||||
tag="Our Achievements"
|
||||
tagIcon={TrendingUp}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "9+", title: "Years of Excellence", items: ["Consistent quality", "Industry recognition", "Customer loyalty"]
|
||||
},
|
||||
{
|
||||
id: "2", value: "50+", title: "Coffee Varieties", items: ["Single-origin selections", "Seasonal blends", "Direct trade partnerships"]
|
||||
},
|
||||
{
|
||||
id: "3", value: "15K+", title: "Monthly Customers", items: ["Growing community", "Repeat customers", "Online orders"]
|
||||
},
|
||||
{
|
||||
id: "4", value: "100%", title: "Sustainable Sourcing", items: ["Ethical practices", "Fair trade certified", "Eco-friendly packaging"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Team"
|
||||
description="Passionate coffee experts dedicated to delivering the perfect cup every time."
|
||||
tag="Our Baristas"
|
||||
tagIcon={Users}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Alex Rivera", role: "Head Barista", description: "Certified specialty coffee expert with 8 years of experience in third-wave coffee culture. Alex crafts every shot with precision and passion.", imageSrc: "https://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458036.jpg", imageAlt: "Alex Rivera, Head Barista", socialLinks: [
|
||||
{ icon: Instagram, url: "https://instagram.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sofia Nguyen", role: "Coffee Roaster", description: "Master roaster bringing out the unique character of each bean. Sofia's roasting profiles have won multiple awards and delighted coffee lovers worldwide.", imageSrc: "https://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg", imageAlt: "Sofia Nguyen, Coffee Roaster", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Globe, url: "https://example.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Johnson", role: "Community Manager", description: "Creating meaningful connections between coffee lovers and our cafe. Marcus organizes cupping events, workshops, and community outreach programs.", imageSrc: "https://img.b2bpic.net/free-photo/bar-concept-with-barman-putting-milk-coffee_23-2147798051.jpg", imageAlt: "Marcus Johnson, Community Manager", socialLinks: [
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
{ icon: Linkedin, url: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Join Our Coffee Community"
|
||||
description="Subscribe to our newsletter for exclusive blends, brewing tips, and special events. Or visit us at our cafe to experience the magic firsthand."
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172673.jpg"
|
||||
imageAlt="Drink with Us Cafe"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe anytime. Check out our privacy policy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Drink with Us"
|
||||
copyrightText="© 2025 Drink with Us Coffee. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com/drinkwithus", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com/drinkwithus", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "https://facebook.com/drinkwithus", ariaLabel: "Facebook" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com/company/drinkwithus", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user