Add src/app/bagels/page.tsx

This commit is contained in:
2026-03-02 09:56:24 +00:00
parent d1d683732f
commit 074a13becc

95
src/app/bagels/page.tsx Normal file
View File

@@ -0,0 +1,95 @@
"use client"
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Croissant } from "lucide-react";
export default function BagelsPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Artisan Coffee Co."
navItems={[
{ name: "Home", id: "/" },
{ name: "Coffees", id: "/coffees" },
{ name: "Bagels", id: "/bagels" },
{ name: "Contact", id: "contact" }
]}
button={{ text: "Order Now", href: "contact" }}
/>
</div>
<div id="bagels" data-section="bagels">
<ProductCardTwo
title="Fan Favorite Bagels"
description="Indulge in our bestselling bagels, freshly baked daily. From classic cream cheese to our signature salmon bagel, each one is crafted with premium ingredients."
tag="Bestsellers"
tagIcon={Croissant}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "1", brand: "Artisan Coffee Co.", name: "Salmon Bagel", price: "$8.99", rating: 5,
reviewCount: "342", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-salmon-eggs-lemon_1441-1502.jpg", imageAlt: "Fresh salmon bagel with cream cheese"
},
{
id: "2", brand: "Artisan Coffee Co.", name: "California Bagel", price: "$9.49", rating: 5,
reviewCount: "298", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-lettuce-tomato-cheese_1441-1508.jpg", imageAlt: "California bagel with avocado and veggies"
},
{
id: "3", brand: "Artisan Coffee Co.", name: "Cream Cheese Bagel", price: "$4.99", rating: 5,
reviewCount: "451", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bagel-cream-cheese_1441-1510.jpg", imageAlt: "Classic cream cheese bagel"
}
]}
gridVariant="uniform-all-items-equal"
buttons={[
{ text: "Shop All Bagels", href: "contact" }
]}
buttonAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Special Orders & Catering"
description="Planning an event or want to order in bulk? We'd love to help! Contact us for custom bagel platters, catering options, and special requests."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us about your bagel order or catering needs...", rows: 5, required: true }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
imageAlt="Coffee shop interior with bagels"
mediaAnimation="slide-up"
buttonText="Send Message"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Artisan Coffee Co."
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Visit Us: 123 Valencia St, SF", href: "https://maps.google.com" }}
/>
</div>
</ThemeProvider>
);
}