Merge version_2 into main #1
276
src/app/page.tsx
276
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Award, Coffee, Users } from "lucide-react";
|
||||
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Brewstert Coffee"
|
||||
/>
|
||||
@@ -61,25 +53,15 @@ export default function LandingPage() {
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg",
|
||||
alt: "Roasted coffee beans bag",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg", alt: "Roasted coffee beans bag"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brown-coffee-beans-wood-bowl_74190-2171.jpg",
|
||||
alt: "Coffee beans in wooden bowl",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brown-coffee-beans-wood-bowl_74190-2171.jpg", alt: "Coffee beans in wooden bowl"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg",
|
||||
alt: "Coffee bean close up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-beans_1388-619.jpg", alt: "Coffee bean close up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brown-coffee-beans-wood-bowl_74190-6654.jpg",
|
||||
alt: "Small bowl of coffee beans",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brown-coffee-beans-wood-bowl_74190-6654.jpg", alt: "Small bowl of coffee beans"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg",
|
||||
alt: "Roasted bean concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/roasted-coffee-bean-pictures-concept_53876-16489.jpg", alt: "Roasted bean concept"},
|
||||
]}
|
||||
avatarText="Trusted by 200+ partners"
|
||||
/>
|
||||
@@ -90,9 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Perfection Since Day One"
|
||||
description={[
|
||||
"Brewstert Coffee Supplies stands at the intersection of tradition and innovation. We provide high-quality coffee solutions to businesses that refuse to compromise on taste.",
|
||||
"Our team is dedicated to sourcing sustainable beans and providing top-tier roasting services.",
|
||||
]}
|
||||
"Brewstert Coffee Supplies stands at the intersection of tradition and innovation. We provide high-quality coffee solutions to businesses that refuse to compromise on taste.", "Our team is dedicated to sourcing sustainable beans and providing top-tier roasting services."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -104,23 +84,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Ethically sourced beans from the finest growing regions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764675.jpg",
|
||||
imageAlt: "Sustainable beans",
|
||||
},
|
||||
title: "Sustainable Sourcing", description: "Ethically sourced beans from the finest growing regions.", imageSrc: "http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764675.jpg", imageAlt: "Sustainable beans"},
|
||||
{
|
||||
title: "Expert Roasting",
|
||||
description: "Precision roasting techniques for perfect profiles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-brewing-cuppuccino-coffee_176532-11622.jpg",
|
||||
imageAlt: "Precision roasting",
|
||||
},
|
||||
title: "Expert Roasting", description: "Precision roasting techniques for perfect profiles.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-brewing-cuppuccino-coffee_176532-11622.jpg", imageAlt: "Precision roasting"},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Reliable logistics to keep your inventory stocked.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699614.jpg",
|
||||
imageAlt: "Logistics",
|
||||
},
|
||||
title: "Fast Delivery", description: "Reliable logistics to keep your inventory stocked.", imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-machine-making-coffee-home_23-2151699614.jpg", imageAlt: "Logistics"},
|
||||
]}
|
||||
title="Why Choose Brewstert?"
|
||||
description="We offer more than just coffee; we offer a complete supply ecosystem designed for your business success."
|
||||
@@ -135,47 +103,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ethiopian Yirgacheffe",
|
||||
price: "$15.00/kg",
|
||||
variant: "Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-can-with-coffee-beans-wooden-surface_181624-22719.jpg",
|
||||
},
|
||||
id: "p1", name: "Ethiopian Yirgacheffe", price: "$15.00/kg", variant: "Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-can-with-coffee-beans-wooden-surface_181624-22719.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Colombian Supremo",
|
||||
price: "$12.00/kg",
|
||||
variant: "Dark Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-buckwheats-food-shovels-alongside-them-horizontal_176474-2387.jpg",
|
||||
},
|
||||
id: "p2", name: "Colombian Supremo", price: "$12.00/kg", variant: "Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/top-view-buckwheats-food-shovels-alongside-them-horizontal_176474-2387.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sumatra Mandheling",
|
||||
price: "$14.00/kg",
|
||||
variant: "Medium-Dark Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tool-used-pressing-making-coffee_23-2149878079.jpg",
|
||||
},
|
||||
id: "p3", name: "Sumatra Mandheling", price: "$14.00/kg", variant: "Medium-Dark Roast", imageSrc: "http://img.b2bpic.net/free-photo/view-tool-used-pressing-making-coffee_23-2149878079.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Brazil Santos",
|
||||
price: "$11.00/kg",
|
||||
variant: "Light-Medium Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg",
|
||||
},
|
||||
id: "p4", name: "Brazil Santos", price: "$11.00/kg", variant: "Light-Medium Roast", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "House Blend",
|
||||
price: "$10.00/kg",
|
||||
variant: "All-purpose Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee-table_23-2149514314.jpg",
|
||||
},
|
||||
id: "p5", name: "House Blend", price: "$10.00/kg", variant: "All-purpose Roast", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-glass-with-delicious-coffee-table_23-2149514314.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Espresso Gold",
|
||||
price: "$18.00/kg",
|
||||
variant: "Espresso Roast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg",
|
||||
},
|
||||
id: "p6", name: "Espresso Gold", price: "$18.00/kg", variant: "Espresso Roast", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-chocolate_23-2148173345.jpg"},
|
||||
]}
|
||||
title="Our Coffee Selection"
|
||||
description="Discover our signature roasts, available in bulk for professional use."
|
||||
@@ -189,23 +127,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years Experience", value: "15+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Coffee,
|
||||
title: "Tons Roasted",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m2", icon: Coffee,
|
||||
title: "Tons Roasted", value: "500+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "200+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Happy Clients", value: "200+"},
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="Our numbers speak for the quality we deliver."
|
||||
@@ -213,149 +142,54 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex River",
|
||||
role: "Head Barista",
|
||||
company: "Daily Brews",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Miller",
|
||||
role: "Purchasing Mgr",
|
||||
company: "Grand Hotel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-young-male-barista-making-cup-coffee-while-standing-cafe-counter-young-man-pouring-milk-into-cup-coffee-vintage-filtered-image_1253-1015.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark D.",
|
||||
role: "Cafe Owner",
|
||||
company: "Java Corner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-asian-girl-barista-holds-hands-heart-looks-grateful-client-loves-her-guests_1258-199431.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena P.",
|
||||
role: "Manager",
|
||||
company: "Bean Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jason T.",
|
||||
role: "Barista",
|
||||
company: "Roast Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="See why top cafes and hotels trust our supplies."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex River", handle: "Daily Brews", testimonial: "Outstanding quality and reliable delivery every single time.", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-young-asian-woman-barista-apron-looking-amazed-clap-hands-smiling-standing-co_1258-148443.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah Miller", handle: "Grand Hotel", testimonial: "Their roasts have elevated our guest experience significantly.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-young-male-barista-making-cup-coffee-while-standing-cafe-counter-young-man-pouring-milk-into-cup-coffee-vintage-filtered-image_1253-1015.jpg"},
|
||||
{
|
||||
id: "3", name: "Mark D.", handle: "Java Corner", testimonial: "A true partner in business. Consistent profiles and great service.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-smiling-asian-girl-barista-holds-hands-heart-looks-grateful-client-loves-her-guests_1258-199431.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Common questions about our coffee supply process."
|
||||
faqsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer bulk wholesale?",
|
||||
content: "Yes, we specialize in high-volume supply for commercial clients.",
|
||||
},
|
||||
id: "f1", title: "Do you offer bulk wholesale?", content: "Yes, we specialize in high-volume supply for commercial clients."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How is coffee shipped?",
|
||||
content: "We use climate-controlled shipping to preserve freshness.",
|
||||
},
|
||||
id: "f2", title: "How is coffee shipped?", content: "We use climate-controlled shipping to preserve freshness."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request custom roasts?",
|
||||
content: "We offer custom profiles for contract clients.",
|
||||
},
|
||||
id: "f3", title: "Can I request custom roasts?", content: "We offer custom profiles for contract clients."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our coffee supply process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get In Touch"
|
||||
description="Ready to stock the best coffee? Contact our sales team today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-pen-keyboard-spiral-notebook-colored-wooden-background_23-2147916222.jpg"
|
||||
<ContactText
|
||||
text="Ready to stock the best coffee? Contact our sales team today to get started."
|
||||
background={{ variant: 'sparkles-gradient' }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Contact Sales", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Brewstert Coffee Supplies"
|
||||
bottomRightText="All Rights Reserved"
|
||||
<FooterLogoReveal
|
||||
logoText="Brewstert Coffee"
|
||||
leftLink={{ text: "© 2024 Brewstert", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user