bender/d8d34de9-018a-4bdf-b3da-202a8e70dde2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

9 Commits
version_2 ... main

Author SHA1 Message Date
bender
1ce87ef0b8 Merge version_4 into main 
Merge version_4 into main
 2026-04-24 12:24:25 +00:00
bender
5bc6722fdd Update src/app/page.tsx 2026-04-24 12:24:22 +00:00
bender
4b8f31fb1e Merge version_4 into main 
Merge version_4 into main
 2026-04-24 12:23:56 +00:00
bender
74334079ac Update src/app/page.tsx 2026-04-24 12:23:53 +00:00
bender
09c3995fd7 Merge version_4 into main 
Merge version_4 into main
 2026-04-24 12:23:28 +00:00
bender
0cfef14c2f Update src/app/page.tsx 2026-04-24 12:23:25 +00:00
bender
a295b33419 Merge version_3 into main 
Merge version_3 into main
 2026-04-24 12:20:42 +00:00
bender
ed5508a46f Update src/app/page.tsx 2026-04-24 12:20:39 +00:00
bender
75d58429d7 Merge version_2 into main 
Merge version_2 into main
 2026-04-24 12:15:40 +00:00
1 changed files with 131 additions and 130 deletions
Expand all files Collapse all files

261
src/app/page.tsx
View File

@@ -2,16 +2,18 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import { lazy, Suspense } from "react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; const ContactCTA = lazy(() => import('@/components/sections/contact/ContactCTA'));
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; const FaqSplitText = lazy(() => import('@/components/sections/faq/FaqSplitText'));
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll'; const FeatureCardSeven = lazy(() => import('@/components/sections/feature/FeatureCardSeven'));
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen'; const FooterCard = lazy(() => import('@/components/sections/footer/FooterCard'));
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; const HeroCentered = lazy(() => import('@/components/sections/hero/HeroCentered'));
import ProductCardFour from '@/components/sections/product/ProductCardFour'; const MetricCardFourteen = lazy(() => import('@/components/sections/metrics/MetricCardFourteen'));
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; const NavbarStyleFullscreen = lazy(() => import('@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'));
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; const ProductCardOne = lazy(() => import('@/components/sections/product/ProductCardOne'));
const TestimonialCardThirteen = lazy(() => import('@/components/sections/testimonial/TestimonialCardThirteen'));
const SplitAbout = lazy(() => import('@/components/sections/about/SplitAbout'));
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -28,135 +30,134 @@ export default function LandingPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <Suspense fallback={<div className="h-screen w-full flex items-center justify-center" />}>
<NavbarStyleCentered <div id="nav" data-section="nav">
navItems={[ <NavbarStyleFullscreen
{ name: "About", id: "about" }, navItems={[
{ name: "Menu", id: "products" }, { name: "About", id: "about" },
{ name: "Experience", id: "features" }, { name: "Menu", id: "products" },
{ name: "Contact", id: "contact" }, { name: "Experience", id: "features" },
]} { name: "Contact", id: "contact" },
brandName="Anthology Coffee" ]}
/> brandName="Anthology Coffee"
</div> />
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroCentered
background={{ variant: "gradient-bars" }} title="Craft roasted coffee, thoughtfully served daily"
title="Craft roasted coffee, thoughtfully served daily" description="Explore our house-roasted beans and industrial minimalist space. From espresso to cold brew, experience specialty coffee crafted with genuine care."
description="Explore our house-roasted beans and industrial minimalist space. From espresso to cold brew, experience specialty coffee crafted with genuine care." background={{ variant: "gradient-bars" }}
buttons={[{ text: "Visit us or order online", href: "#contact" }]} avatars={[]}
imageSrc="http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" buttons={[{ text: "Visit us or order online", href: "#contact" }]}
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <SplitAbout
useInvertedBackground={true} useInvertedBackground={true}
title="Our Craft in Detroit" title="Our Craft in Detroit"
description={[ description="Anthology Coffee was born in Detroit, built on a foundation of transparency and craftsmanship. We source exceptional beans and roast them with an uncompromising commitment to quality."
"Anthology Coffee was born in Detroit, built on a foundation of transparency and craftsmanship. We source exceptional beans and roast them with an uncompromising commitment to quality.", "Our space reflects this honesty—an industrial, minimalist environment designed to celebrate the purity of the roast and the richness of the community." textboxLayout="split"
]} bulletPoints={[
/> { title: "Transparency", description: "Sourcing directly from farmers." },
</div> { title: "Craftsmanship", description: "Roasting with uncompromising quality." }
]}
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardMedia <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ id: "1", title: "Precision Roasting", description: "Every batch is roasted to highlight the unique origin characteristics of the bean.", tag: "Craft", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-drip-coffee-desk-table_197531-32459.jpg" }, { title: "Precision Roasting", description: "Every batch is roasted to highlight origin.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-drip-coffee-desk-table_197531-32459.jpg?w=600&q=75" },
{ id: "2", title: "Artisan Brewing", description: "From precise pour-overs to perfect shots of espresso, we honor the preparation process.", tag: "Brew", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-13584.jpg" }, { title: "Artisan Brewing", description: "We honor the preparation process.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-tattooed-caucasian-black-indian-men-drinking-craft-beer-microbrewery_613910-13584.jpg?w=600&q=75" },
{ id: "3", title: "Freshness Guaranteed", description: "We roast in small batches, ensuring you receive the freshest coffee possible every visit.", tag: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/small-roasted-linen-cafe-italian_1172-347.jpg" }, { title: "Freshness", description: "Small batches for fresh coffee.", imageSrc: "http://img.b2bpic.net/free-photo/small-roasted-linen-cafe-italian_1172-347.jpg?w=600&q=75" },
]} ]}
title="The Anthology Experience" title="The Anthology Experience"
description="More than just a caffeine fix—discover the precision and intention behind every cup we serve." description="More than just a caffeine fix—discover the intention behind every cup."
/> />
</div> </div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ id: "p1", name: "Latte", price: "$5.00", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/dark-coffee-mug-viewed-from_1232-1151.jpg" }, { id: "p1", name: "Latte", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/dark-coffee-mug-viewed-from_1232-1151.jpg?w=400&q=70", variant: "default" },
{ id: "p2", name: "Iced Coffee", price: "$4.50", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-cup-coffee-cafe_1150-4324.jpg" }, { id: "p2", name: "Iced Coffee", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hands-holding-cup-coffee-cafe_1150-4324.jpg?w=400&q=70", variant: "default" },
{ id: "p3", name: "Cold Brew", price: "$4.75", variant: "Smooth", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91638.jpg" }, { id: "p3", name: "Cold Brew", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-delicious-iced-coffee_52683-91638.jpg?w=400&q=70", variant: "default" },
{ id: "p4", name: "Cortado", price: "$4.00", variant: "Balanced", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187528.jpg" }, { id: "p4", name: "Cortado", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187528.jpg?w=400&q=70", variant: "default" },
{ id: "p5", name: "Cappuccino", price: "$4.50", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg" }, { id: "p5", name: "Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?w=400&q=70", variant: "default" },
{ id: "p6", name: "Whole Bean Roast", price: "$18.00", variant: "Retail", imageSrc: "http://img.b2bpic.net/free-photo/side-view-brown-coffee-beans-sack-rustic-table_141793-6964.jpg" }, { id: "p6", name: "Whole Bean Roast", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-brown-coffee-beans-sack-rustic-table_141793-6964.jpg?w=400&q=70", variant: "default" },
]} ]}
title="The Coffee Menu" title="The Coffee Menu"
description="Hand-crafted beverages using our own freshly roasted beans. Taste the difference quality makes." description="Hand-crafted beverages using our own freshly roasted beans."
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
title="Impact & Growth" title="Impact & Growth"
tag="Our Story" tag="Our Story"
metrics={[ metrics={[
{ id: "m1", value: "4.6", description: "Avg Star Rating (450+ Reviews)" }, { id: "m1", value: "4.6", description: "Avg Star Rating" },
{ id: "m2", value: "100%", description: "Direct Sourcing Transparency" }, { id: "m2", value: "100%", description: "Direct Sourcing" },
{ id: "m3", value: "12k+", description: "Cups Poured Monthly" }, { id: "m3", value: "12k+", description: "Cups Poured" },
]} ]}
metricsAnimation="slide-up" />
/> </div>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSix <TestimonialCardThirteen
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="What Our Neighbors Say" showRating={true}
description="Join our community of coffee lovers who value craft, quality, and atmosphere." title="Testimonials"
testimonials={[ description="What our coffee lovers say about us."
{ id: "1", name: "Yuji Tk", handle: "@yuji_tk", testimonial: "My favorite roaster in the entire Detroit area.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-smiling-woman-holding-cup-coffee-posing-kitchen-enjoying_1258-198203.jpg" }, testimonials={[
{ id: "2", name: "Rosanna Ramos", handle: "@rosanna", testimonial: "The space felt cozy and toasty, with an open-air vibe.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-using-laptop-cafe_23-2147785380.jpg" }, { id: "t1", name: "Yuji Tk", handle: "@yujitk", testimonial: "My favorite roaster in the entire Detroit area.", rating: 5 }
{ id: "3", name: "Luke Salik", handle: "@lukes", testimonial: "Consistently came up as one of the best.", imageSrc: "http://img.b2bpic.net/free-photo/two-young-women-with-cup-coffee-looking-each-other_23-2147894404.jpg" } ]}
]} />
/> </div>
</div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqBase <FaqSplitText
textboxLayout="split" faqsAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ sideTitle="Common Questions"
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer local delivery through our website and partnerships." }, faqs={[
{ id: "f2", title: "Is your space pet-friendly?", content: "We welcome well-behaved pets in our patio area during open hours." }, { id: "f1", title: "Do you offer delivery?", content: "Yes, we offer local delivery." },
{ id: "f3", title: "Are your beans gluten-free?", content: "Yes, all of our roasted coffee beans are gluten-free and allergen-friendly." }, { id: "f2", title: "Is your space pet-friendly?", content: "We welcome well-behaved pets." },
]} { id: "f3", title: "Are your beans gluten-free?", content: "Yes, our beans are gluten-free." },
title="Common Questions" ]}
description="Answers to how we roast, serve, and welcome our community." />
faqsAnimation="slide-up" </div>
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactCTA
useInvertedBackground={true} useInvertedBackground={true}
title="Visit Us in Detroit" title="Visit Us in Detroit"
description="Stop by for a pour-over or order online for pickup. Visit us: https://maps.google.com/?q=1948+Division+St+Detroit" description="Stop by for a pour-over or order online."
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Your Email", required: true }]} tag="Visit"
textarea={{ name: "message", placeholder: "How can we help?" }} buttons={[{ text: "Get Directions" }]}
imageSrc="http://img.b2bpic.net/free-photo/male-barista-holing-professional-coffee-machine_23-2148824383.jpg" background={{ variant: "plain" }}
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterCard
logoText="Anthology Coffee" logoText="Anthology Coffee"
leftLink={{ text: "Privacy", href: "#" }} />
rightLink={{ text: "Terms", href: "#" }} </div>
/> </Suspense>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }