420 lines
16 KiB
TypeScript
420 lines
16 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||
import { Award, CakeSlice, Clock, Globe, Leaf, Sparkles } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumLargeSizeLargeTitles"
|
||
background="grid"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#hero",
|
||
},
|
||
{
|
||
name: "Collections",
|
||
id: "#collections",
|
||
},
|
||
{
|
||
name: "Philosophy",
|
||
id: "#philosophy",
|
||
},
|
||
{
|
||
name: "Artisans",
|
||
id: "#team",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Arham Baker's"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardTestimonial
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "glowing-orb",
|
||
}}
|
||
title="Edible Art, Baked to Perfection."
|
||
description="Welcome to Arham Baker’s—where traditional European techniques meet modern culinary luxury. Crafted daily with the finest organic ingredients."
|
||
testimonials={[
|
||
{
|
||
name: "Eleanor V.",
|
||
handle: "Verified Client",
|
||
testimonial: "I ordered a three-tier custom cake for my gallery opening, and it was the centerpiece of the entire evening. Not only was the gold-leaf detailing breathtaking, but the actual cake—a hazelnut praline crunch—was incredibly moist and not overly sweet. Arham Baker’s operates on a completely different level of luxury.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-60992.jpg?_wi=1",
|
||
imageAlt: "Eleanor V.",
|
||
},
|
||
{
|
||
name: "Marcus K.",
|
||
handle: "Local Food Critic",
|
||
testimonial: "I am incredibly picky about my pastries, but Arham’s almond croissants are a religious experience. The lamination is perfect, flaky on the outside, beautifully airy on the inside. You can taste the quality of the butter immediately. This bakery is an absolute gem.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-using-sign-language_23-2148572589.jpg",
|
||
imageAlt: "Marcus K.",
|
||
},
|
||
{
|
||
name: "Sophia R.",
|
||
handle: "COO of Vanguard Group",
|
||
testimonial: "We use Arham Baker's for all our corporate gifting now. Their luxury macaron boxes are beautifully packaged, and our clients rave about them every single time. The ordering process is seamless, and the team’s attention to detail is unmatched.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
|
||
imageAlt: "Sophia R.",
|
||
},
|
||
{
|
||
name: "David L.",
|
||
handle: "Culinary Blogger",
|
||
testimonial: "Every visit to Arham Baker's is a delightful journey. Their brioche is unparalleled, light and buttery, a true testament to their dedication to classic French techniques. A must-try for anyone who appreciates fine baking.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fashion-mascarade-halloween-celebration-elegant-flirty-cheerful-young-woman-with-short-blonde-hair-artistic-make-up-laughing-out-loud-posing-dark-wall-fancy-black-dress_343059-4356.jpg",
|
||
imageAlt: "David L.",
|
||
},
|
||
{
|
||
name: "Isabella S.",
|
||
handle: "Event Planner",
|
||
testimonial: "Arham Baker's made our annual gala truly special with their exquisite dessert bar. The variety and presentation were impeccable, and every guest was raving about the unique flavors. Their professionalism and quality are simply top-tier.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",
|
||
imageAlt: "Isabella S.",
|
||
},
|
||
]}
|
||
testimonialRotationInterval={5000}
|
||
buttons={[
|
||
{
|
||
text: "Explore the Collection",
|
||
href: "#collections",
|
||
},
|
||
{
|
||
text: "Reserve a Custom Cake",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
videoSrc="http://img.b2bpic.net/free-photo/female-confectioner-with-strawberry-cake-pastry-shop_23-2150360190.jpg"
|
||
videoAriaLabel="Chocolate drizzle over pastry or rising sourdough loaf"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/female-confectioner-with-strawberry-cake-pastry-shop_23-2150360190.jpg",
|
||
alt: "Eleanor V. elegant woman portrait",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-60992.jpg",
|
||
alt: "Marcus K. male food critic portrait",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-man-using-sign-language_23-2148572589.jpg",
|
||
alt: "Sophia R. female coo portrait",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
|
||
alt: "Happy customer woman smiling",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/creative-fashion-mascarade-halloween-celebration-elegant-flirty-cheerful-young-woman-with-short-blonde-hair-artistic-make-up-laughing-out-loud-posing-dark-wall-fancy-black-dress_343059-4356.jpg",
|
||
alt: "Male customer confident smile",
|
||
},
|
||
]}
|
||
avatarText="Join our discerning patrons"
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon",
|
||
text: "Artisanal Craftsmanship",
|
||
icon: Sparkles,
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Finest Organic Ingredients",
|
||
},
|
||
{
|
||
type: "text-icon",
|
||
text: "Award-Winning Recipes",
|
||
icon: Award,
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "European Heritage Baking",
|
||
},
|
||
{
|
||
type: "text-icon",
|
||
text: "Exquisite Flavor Profiles",
|
||
icon: CakeSlice,
|
||
},
|
||
]}
|
||
marqueeSpeed={40}
|
||
showMarqueeCard={true}
|
||
imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-shirt-posing-white-background-high-quality-photo_114579-60992.jpg?_wi=2"
|
||
imageAlt="eleanor v elegant woman portrait"
|
||
/>
|
||
</div>
|
||
|
||
<div id="collections" data-section="collections">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-items-equal"
|
||
useInvertedBackground={true}
|
||
carouselMode="buttons"
|
||
products={[
|
||
{
|
||
id: "patisserie",
|
||
name: "The Haute Patisserie",
|
||
price: "From $12",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-strawberry-cream-puff-eclairs-marbles-board_140725-502.jpg",
|
||
imageAlt: "Delicate macarons, gold-leaf tarts, and flaky croissants.",
|
||
},
|
||
{
|
||
id: "cakes",
|
||
name: "Bespoke Celebrations",
|
||
price: "Consultation",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097826.jpg",
|
||
imageAlt: "Custom-designed luxury cakes for weddings and milestones.",
|
||
},
|
||
{
|
||
id: "breads",
|
||
name: "Artisanal Breads",
|
||
price: "From $8",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/baked-bread-wrapped-cloth_23-2148258653.jpg",
|
||
imageAlt: "Naturally leavened sourdoughs and brioches with a crispy crust.",
|
||
},
|
||
{
|
||
id: "tarts",
|
||
name: "Seasonal Tarts",
|
||
price: "From $15",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-creamy-cake-with-different-fresh-berries-bright-light-desk-berry-fruit-fresh-sour_140725-32510.jpg",
|
||
imageAlt: "Exquisite seasonal fruit tarts with delicate crusts.",
|
||
},
|
||
{
|
||
id: "cookies",
|
||
name: "Gourmet Cookies",
|
||
price: "From $6",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-appetizing-homemade-chocolate-cookies-metal-tray_181624-57715.jpg",
|
||
imageAlt: "Luxurious gourmet cookies and shortbreads.",
|
||
},
|
||
{
|
||
id: "loaves",
|
||
name: "Celebration Loaves",
|
||
price: "From $10",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-croissants-basket_23-2148288056.jpg",
|
||
imageAlt: "Special occasion artisanal bread loaves.",
|
||
},
|
||
]}
|
||
title="Our Signature Collections"
|
||
description="A symphony of flavors, meticulously crafted for the discerning palate. Explore our exclusive range of baked masterpieces."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Gourmet Magazine",
|
||
"Culinary Review Daily",
|
||
"Fine Dining Herald",
|
||
"Epicurean Society",
|
||
"Taste of Paris Awards",
|
||
"Chef's Guild",
|
||
"Luxury Lifestyle Monthly",
|
||
]}
|
||
title="Trusted by Connoisseurs"
|
||
description="Our dedication to quality and craftsmanship has earned us accolades from the most respected voices in the culinary world."
|
||
speed={40}
|
||
showCard={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="philosophy" data-section="philosophy">
|
||
<AboutMetric
|
||
useInvertedBackground={true}
|
||
title="No Shortcuts. No Compromises. Just Passion."
|
||
metrics={[
|
||
{
|
||
icon: Clock,
|
||
label: "48-Hour Fermentation",
|
||
value: "Tradition",
|
||
},
|
||
{
|
||
icon: Leaf,
|
||
label: "Finest Organic Ingredients",
|
||
value: "Purity",
|
||
},
|
||
{
|
||
icon: Globe,
|
||
label: "Globally Sourced Flavors",
|
||
value: "Excellence",
|
||
},
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
description="At Arham Baker’s, we believe that baking is a sacred ritual. We don’t rush our dough; our sourdough ferments for 48 hours. We don’t use artificial flavorings; our vanilla is sourced directly from Madagascar, and our butter is imported from France. Every bite you take is a testament to our obsession with perfection."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardSix
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
carouselMode="buttons"
|
||
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
|
||
members={[
|
||
{
|
||
id: "baker-1",
|
||
name: "Chef Arham",
|
||
role: "Head Baker & Founder",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/baker-smiling-camera-holding-tray-croissant-commercial-kitchen_23-2148189034.jpg",
|
||
imageAlt: "Chef Arham, Head Baker and Founder",
|
||
},
|
||
{
|
||
id: "baker-2",
|
||
name: "Elara Dubois",
|
||
role: "Pastry Chef",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-female-cook-wearing-chef-uniform-holding-rolling-pin-crossing-hands-isolated-white-wall_141793-120090.jpg",
|
||
imageAlt: "Elara Dubois, Pastry Chef",
|
||
},
|
||
{
|
||
id: "baker-3",
|
||
name: "Antoine Moreau",
|
||
role: "Sourdough Master",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-male-gardener-wearing-gardening-hat-holds-pumpkin_141793-116195.jpg",
|
||
imageAlt: "Antoine Moreau, Sourdough Master",
|
||
},
|
||
{
|
||
id: "baker-4",
|
||
name: "Maya Singh",
|
||
role: "Apprentice Baker",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-professional-confectioner-rolling-gingerbread-dough_1163-2878.jpg",
|
||
imageAlt: "Maya Singh, Apprentice Baker",
|
||
},
|
||
{
|
||
id: "baker-5",
|
||
name: "Olivier Blanc",
|
||
role: "Confectioner",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/female-confectioner-with-chocolate-cake-pastry-shop_23-2150360211.jpg",
|
||
imageAlt: "Olivier Blanc, Confectioner",
|
||
},
|
||
{
|
||
id: "baker-6",
|
||
name: "Isabelle Laurent",
|
||
role: "Culinary Director",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-baker-bakery-with-breads-oven-background_23-2148189027.jpg",
|
||
imageAlt: "Isabelle Laurent, Culinary Director",
|
||
},
|
||
]}
|
||
title="Our Artisans"
|
||
description="Meet the passionate hands behind Arham Baker's, a team dedicated to the art and science of bringing edible luxury to life."
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCTA
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "sparkles-gradient",
|
||
}}
|
||
tag="Exclusive"
|
||
title="Join the Inner Circle."
|
||
description="Subscribe to receive exclusive weekend menu previews, secret seasonal flavor drops, and priority booking for custom cakes."
|
||
buttons={[
|
||
{
|
||
text: "Join Now",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
videoSrc="http://img.b2bpic.net/free-photo/closeup-shot-chocolate-muffins-with-honey-milk_181624-43467.jpg?_wi=1"
|
||
videoAriaLabel="Bakery interior ambiance at dusk"
|
||
logoText="Arham Baker's"
|
||
columns={[
|
||
{
|
||
title: "Explore",
|
||
items: [
|
||
{
|
||
label: "Collections",
|
||
href: "#collections",
|
||
},
|
||
{
|
||
label: "Our Story",
|
||
href: "#philosophy",
|
||
},
|
||
{
|
||
label: "Our Team",
|
||
href: "#team",
|
||
},
|
||
{
|
||
label: "Custom Cakes",
|
||
href: "#contact",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Company",
|
||
items: [
|
||
{
|
||
label: "About Us",
|
||
href: "#philosophy",
|
||
},
|
||
{
|
||
label: "Careers",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Press",
|
||
href: "#social-proof",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Legal",
|
||
items: [
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
{
|
||
label: "Terms of Service",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Arham Baker's. All rights reserved."
|
||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-chocolate-muffins-with-honey-milk_181624-43467.jpg?_wi=2"
|
||
imageAlt="bakery closing time elegant low light"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|