203 lines
13 KiB
TypeScript
203 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Bartends"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Master the Art of Bartending"
|
|
description="Professional-grade tools designed for bartenders who demand excellence. Elevate your craft with precision instruments."
|
|
tag="Premium Tools"
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-bartender-making-drink_140725-14311.jpg"
|
|
imageAlt="Professional bartending tools and cocktail preparation"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={true}
|
|
buttons={[
|
|
{ text: "Explore Products", href: "#products" },
|
|
{ text: "Learn More", href: "#features" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
title="Our Product Collection"
|
|
description="Handpicked professional bartending tools trusted by mixologists worldwide"
|
|
tag="Best Sellers"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Bartends Pro", name: "Stainless Steel Jigger Set", price: "$29.99", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-barmen-set-bar-with-cocktails-shaker_176474-3271.jpg", imageAlt: "Professional stainless steel jigger set"},
|
|
{
|
|
id: "2", brand: "Bartends Pro", name: "Premium Cocktail Shaker", price: "$49.99", rating: 5,
|
|
reviewCount: "2.8k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-barmen-set-bar-with-cocktails-shaker_176474-3271.jpg", imageAlt: "Professional cocktail shaker with mixing bottle"},
|
|
{
|
|
id: "3", brand: "Bartends Pro", name: "Fine Bar Strainer", price: "$24.99", rating: 5,
|
|
reviewCount: "856", imageSrc: "http://img.b2bpic.net/free-photo/top-view-barmen-set-bar-with-cocktails-shaker_176474-3271.jpg", imageAlt: "Professional fine mesh bar strainer"},
|
|
{
|
|
id: "4", brand: "Bartends Pro", name: "Wooden Muddler", price: "$18.99", rating: 5,
|
|
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/essential-kitchen-items-moody-backdrop_58702-17806.jpg", imageAlt: "Premium wooden muddler for cocktails"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
title="Why Bartenders Choose Bartends"
|
|
description="Premium quality meets professional reliability"
|
|
tag="Why We Stand Out"
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-bartender-making-drink_140725-14311.jpg"
|
|
imageAlt="Premium bartending tools showcase"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
mediaPosition="right"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Premium Materials", content: "Crafted from food-grade stainless steel and sustainable materials. Every tool is built to last through thousands of cocktails."},
|
|
{
|
|
id: "2", title: "Perfect Precision", content: "Exact measurements and optimal weight distribution ensure consistent, professional-quality cocktails every time."},
|
|
{
|
|
id: "3", title: "Ergonomic Design", content: "Comfortable grip and balanced handling reduce fatigue during long shifts, keeping you at your best all night."},
|
|
{
|
|
id: "4", title: "Easy to Clean", content: "Smooth surfaces and thoughtful design make cleanup quick and effortless. Dishwasher safe for convenience."},
|
|
]}
|
|
buttons={[{ text: "View All Features", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwo
|
|
title="Loved by Professional Bartenders"
|
|
description="See what mixologists around the world are saying about Bartends tools"
|
|
tag="Customer Reviews"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Marcus Rivera", role: "Head Mixologist", testimonial: "These tools have revolutionized my workflow. The precision and durability are unmatched. My customers notice the difference in every cocktail.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-brutal-bartender-shirt-apron-makes-cocktail-bar-counter-background_613910-20115.jpg", imageAlt: "bartender portrait professional male"},
|
|
{
|
|
id: "2", name: "Jessica Chen", role: "Bar Manager", testimonial: "Invested in the full set and couldn't be happier. Quality that lasts, performance that impresses, and service that backs it all.", imageSrc: "http://img.b2bpic.net/free-photo/female-waitress-bar_23-2147874465.jpg", imageAlt: "bartender female portrait professional"},
|
|
{
|
|
id: "3", name: "David Rodriguez", role: "Senior Bartender", testimonial: "Andrew's tools are game-changers. I've recommended them to every bartender I know. Pure quality and style.", imageSrc: "http://img.b2bpic.net/free-photo/confident-bartender-standing-bar-counter_107420-94860.jpg", imageAlt: "bartender male portrait mixology"},
|
|
{
|
|
id: "4", name: "Elena Vasquez", role: "Mixology Instructor", testimonial: "I use these in my classes. Students immediately see the difference quality tools make. Best investment for any serious bartender.", imageSrc: "http://img.b2bpic.net/free-photo/female-waitress-bar_23-2147874465.jpg", imageAlt: "bartender female professional portrait"},
|
|
{
|
|
id: "5", name: "James Mitchell", role: "Competition Bartender", testimonial: "When precision matters most, Bartends delivers. Used them in competitions and absolutely trust their performance.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-brutal-bartender-shirt-apron-makes-cocktail-bar-counter-background_613910-20115.jpg", imageAlt: "bartender portrait professional male"},
|
|
{
|
|
id: "6", name: "Sophie Laurent", role: "Restaurant Owner", testimonial: "My team uses only Bartends tools now. The durability and professional finish reflect the quality of our service.", imageSrc: "http://img.b2bpic.net/free-photo/blond-girl-pouring-martini_1163-2686.jpg", imageAlt: "bartender female professional mixology"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Top Bars & Bartenders"
|
|
description="Bars and mixologists worldwide rely on Bartends for premium tools"
|
|
tag="Featured In"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["Bar One", "Bar Two", "Bar Three", "Bar Four", "Bar Five", "Bar Six", "Bar Seven"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/modern-lounge-gradient-template-with-minimal-glass-logo_53876-117521.jpg", "http://img.b2bpic.net/free-vector/modern-lounge-gradient-template-with-minimal-glass-logo_53876-117521.jpg", "http://img.b2bpic.net/free-vector/modern-lounge-gradient-template-with-minimal-glass-logo_53876-117521.jpg", "http://img.b2bpic.net/free-vector/flat-twitch-background-barman-profession_23-2149509491.jpg", "http://img.b2bpic.net/free-vector/modern-lounge-gradient-template-with-minimal-glass-logo_53876-117521.jpg", "http://img.b2bpic.net/free-vector/set-drawings_1284-45798.jpg", "http://img.b2bpic.net/free-vector/restaurant-logo-template_23-2148558725.jpg"]}
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions"
|
|
description="Everything you need to know about Bartends tools and service"
|
|
tag="FAQ"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-barmen-set-bar-with-cocktails-shaker_176474-3271.jpg"
|
|
imageAlt="Bartending tools FAQ section"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What materials are your tools made from?", content: "Our tools are crafted from premium food-grade stainless steel, sustainable hardwoods, and other high-quality materials. Each component is selected for durability and safety."},
|
|
{
|
|
id: "2", title: "Are the tools dishwasher safe?", content: "Most Bartends tools are dishwasher safe for easy cleaning. We recommend hand washing wooden pieces to preserve their finish and longevity."},
|
|
{
|
|
id: "3", title: "Do you offer bulk orders for bars?", content: "Yes! We offer special pricing for bulk orders. Contact our sales team at bulk@bartends.com for volume discounts and custom packaging."},
|
|
{
|
|
id: "4", title: "What's your return policy?", content: "We offer a 30-day satisfaction guarantee. If you're not completely happy, return your tools for a full refund or exchange."},
|
|
{
|
|
id: "5", title: "How long do the tools typically last?", content: "With proper care, Bartends tools last for years of professional use. Our stainless steel components are virtually indestructible when maintained correctly."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
title="Stay Updated on New Products"
|
|
description="Join bartenders and mixologists getting exclusive updates, tips, and first access to new tools."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-bartender-making-drink_140725-14311.jpg"
|
|
imageAlt="Premium bartending experience"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime from exclusive bartending insights."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Bartends"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|