Merge version_3 into main #3
95
src/app/bagels/page.tsx
Normal file
95
src/app/bagels/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
103
src/app/coffees/page.tsx
Normal file
103
src/app/coffees/page.tsx
Normal file
@@ -0,0 +1,103 @@
|
||||
"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 { Coffee, Mail } from "lucide-react";
|
||||
|
||||
export default function CoffeesPage() {
|
||||
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="coffees" data-section="coffees">
|
||||
<ProductCardTwo
|
||||
title="Our Premium Coffee Collection"
|
||||
description="Discover our bestselling coffees, from smooth espresso blends to refreshing cold brews. Each coffee is carefully sourced and roasted to perfection."
|
||||
tag="Bestsellers"
|
||||
tagIcon={Coffee}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Artisan Coffee Co.", name: "Espresso", price: "$4.99", rating: 5,
|
||||
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-with-coffee-machine-bar-counter-restaurant-barista-apron-white-shirt-making-coffee-by-coffee-machine-cafe-boy-working-as-barista-coffee-shop_574295-4942.jpg", imageAlt: "Perfect espresso shot with crema"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Artisan Coffee Co.", name: "Cappuccino", price: "$5.99", rating: 5,
|
||||
reviewCount: "276", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg", imageAlt: "Cappuccino with latte art"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Artisan Coffee Co.", name: "Americano", price: "$4.49", rating: 5,
|
||||
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg", imageAlt: "Americano coffee"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Artisan Coffee Co.", name: "Matcha Latte", price: "$6.99", rating: 5,
|
||||
reviewCount: "203", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-latte-art-woman-hand-coffee-shop-cafe_1150-10238.jpg", imageAlt: "Matcha latte with creamy foam"
|
||||
},
|
||||
{
|
||||
id: "5", brand: "Artisan Coffee Co.", name: "Chaga Tea", price: "$5.49", rating: 5,
|
||||
reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-person-making-drip-coffee_53876-30607.jpg", imageAlt: "Chaga tea blend"
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
buttons={[
|
||||
{ text: "Shop All Coffees", href: "contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Get In Touch"
|
||||
description="Have questions about our coffees? Want to place an order or learn more about our sourcing practices? Fill out the form and we'll get back to you shortly."
|
||||
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 coffee preferences...", 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"
|
||||
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>
|
||||
);
|
||||
}
|
||||
@@ -33,7 +33,9 @@ export default function LandingPage() {
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Our Story", id: "story" },
|
||||
{ name: "Visit Us", id: "contact" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Coffees", id: "/coffees" },
|
||||
{ name: "Bagels", id: "/bagels" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "contact" }}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user