Merge version_1 into main #2
309
src/app/page.tsx
309
src/app/page.tsx
@@ -21,80 +21,42 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Visit", id: "#contact" },
|
||||
]}
|
||||
brandName="Mings Coffee & Tea"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Order Online", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Drexel Hill's Best Kept Breakfast Secret"
|
||||
description="Fresh, made-to-order breakfast and coffee served fast—loved by locals for years. Once you try it, you'll get it."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Visit Us Today", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg?_wi=1",
|
||||
imageAlt: "Cafe Interior",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg?_wi=1",
|
||||
imageAlt: "Breakfast Plate",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg?_wi=1",
|
||||
imageAlt: "Barista",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-s-hand-pouring-powdered-milk-tea-cup-with-baked-croissant-crumbled-bed-sheet_23-2148074959.jpg",
|
||||
imageAlt: "Coffee and Croissant",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-57923.jpg",
|
||||
imageAlt: "Cafe Vibe",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg",
|
||||
imageAlt: "Entrance",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg", imageAlt: "Cafe Interior" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg", imageAlt: "Breakfast Plate" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg", imageAlt: "Barista" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-s-hand-pouring-powdered-milk-tea-cup-with-baked-croissant-crumbled-bed-sheet_23-2148074959.jpg", imageAlt: "Coffee and Croissant" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-57923.jpg", imageAlt: "Cafe Vibe" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-delicious-cocktails_23-2150166137.jpg", imageAlt: "Entrance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,9 +66,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Family Tradition of Excellence"
|
||||
description={[
|
||||
"Located in the heart of Drexel Hill, Mings Coffee & Tea has been a staple for local breakfast enthusiasts for years.",
|
||||
"We pride ourselves on our authenticity, fresh ingredients, and the community warmth that keeps our regulars coming back every single day.",
|
||||
]}
|
||||
"Located in the heart of Drexel Hill, Mings Coffee & Tea has been a staple for local breakfast enthusiasts for years.", "We pride ourselves on our authenticity, fresh ingredients, and the community warmth that keeps our regulars coming back every single day."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -117,55 +77,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Freshly sourced and made-to-order breakfast.",
|
||||
icon: Shield,
|
||||
title: "Premium Ingredients", description: "Freshly sourced and made-to-order breakfast.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-feng-shui-composition_23-2149058720.jpg",
|
||||
imageAlt: "Beans",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-vegetables-dinner-close-up-photo-dark-background-studio_482257-45415.jpg",
|
||||
imageAlt: "Beans",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/traditional-feng-shui-composition_23-2149058720.jpg", imageAlt: "Beans" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/healthy-fresh-vegetables-dinner-close-up-photo-dark-background-studio_482257-45415.jpg", imageAlt: "Beans" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg?_wi=2",
|
||||
imageAlt: "artisan coffee beans specialty blend",
|
||||
},
|
||||
{
|
||||
title: "Fast & Fresh",
|
||||
description: "Quick service without sacrificing quality.",
|
||||
icon: Zap,
|
||||
title: "Fast & Fresh", description: "Quick service without sacrificing quality.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-cleaning-coffee-machine_23-2149149678.jpg",
|
||||
imageAlt: "Prep",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poached-egg-with-avocado-sauce_74190-5970.jpg",
|
||||
imageAlt: "Prep",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-cleaning-coffee-machine_23-2149149678.jpg", imageAlt: "Prep" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/poached-egg-with-avocado-sauce_74190-5970.jpg", imageAlt: "Prep" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-basket-with-ancient-cup-teapot-high-quality-photo_114579-78019.jpg?_wi=2",
|
||||
imageAlt: "artisan coffee beans specialty blend",
|
||||
},
|
||||
{
|
||||
title: "Community Vibes",
|
||||
description: "The perfect local gem for family and friends.",
|
||||
icon: Users,
|
||||
title: "Community Vibes", description: "The perfect local gem for family and friends.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-date-couple-love-cafe-happy-couple-love-enjoying-romantic-moment_8353-6650.jpg",
|
||||
imageAlt: "Seating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg",
|
||||
imageAlt: "Seating",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/romantic-date-couple-love-cafe-happy-couple-love-enjoying-romantic-moment_8353-6650.jpg", imageAlt: "Seating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg", imageAlt: "Seating" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-pouring-milk-coffee-latte-foam-decor_141793-17531.jpg?_wi=2",
|
||||
imageAlt: "artisan coffee beans specialty blend",
|
||||
},
|
||||
]}
|
||||
title="Why Locals Love Us"
|
||||
@@ -180,54 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Breakfast Plate",
|
||||
price: "$12",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-toast-bacon-salad-fried-eggs-gray-plate-black-background_23-2148067091.jpg",
|
||||
imageAlt: "Breakfast",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Iced Signature Tea",
|
||||
price: "$5",
|
||||
variant: "Cooling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-dragon-fruit-snacks-outdoors_23-2150295974.jpg",
|
||||
imageAlt: "Tea",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gourmet Croissant",
|
||||
price: "$4",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissants-plate-with-tangerine-slices-open-book-with-basket-kumquat-little-flower-book-with-ginger-lime-slices-trivet-honey-dipper-cloth-black-background_141793-130322.jpg",
|
||||
imageAlt: "Pastry",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Breakfast Power Bowl",
|
||||
price: "$10",
|
||||
variant: "Healthy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-granola-strawberries-cherry-nuts-yogurt-bowl-wooden-table-vegetarian-concept-food-top-view_2829-17337.jpg",
|
||||
imageAlt: "Bowl",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Signature Organic Tea",
|
||||
price: "$6",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-olives-honey-dark-surface-morning-food-breakfast_140725-81876.jpg",
|
||||
imageAlt: "Tea",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Artisan Morning Sandwich",
|
||||
price: "$9",
|
||||
variant: "Hearty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg",
|
||||
imageAlt: "Sandwich",
|
||||
},
|
||||
{ id: "1", name: "Classic Breakfast Plate", price: "$12", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-toast-bacon-salad-fried-eggs-gray-plate-black-background_23-2148067091.jpg", imageAlt: "Breakfast" },
|
||||
{ id: "2", name: "Iced Signature Tea", price: "$5", variant: "Cooling", imageSrc: "http://img.b2bpic.net/free-photo/table-arrangement-with-dragon-fruit-snacks-outdoors_23-2150295974.jpg", imageAlt: "Tea" },
|
||||
{ id: "3", name: "Gourmet Croissant", price: "$4", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissants-plate-with-tangerine-slices-open-book-with-basket-kumquat-little-flower-book-with-ginger-lime-slices-trivet-honey-dipper-cloth-black-background_141793-130322.jpg", imageAlt: "Pastry" },
|
||||
{ id: "4", name: "Breakfast Power Bowl", price: "$10", variant: "Healthy", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-granola-strawberries-cherry-nuts-yogurt-bowl-wooden-table-vegetarian-concept-food-top-view_2829-17337.jpg", imageAlt: "Bowl" },
|
||||
{ id: "5", name: "Signature Organic Tea", price: "$6", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-with-olives-honey-dark-surface-morning-food-breakfast_140725-81876.jpg", imageAlt: "Tea" },
|
||||
{ id: "6", name: "Artisan Morning Sandwich", price: "$9", variant: "Hearty", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-coffee-with-cream-macaroon_140725-7521.jpg", imageAlt: "Sandwich" },
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Explore our most cherished local menu highlights."
|
||||
@@ -240,24 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Coffee,
|
||||
title: "Coffee Cups Served",
|
||||
value: "100k+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Smile,
|
||||
title: "Happy Locals",
|
||||
value: "50k+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Years of Excellence",
|
||||
value: "15",
|
||||
},
|
||||
{ id: "1", icon: Coffee, title: "Coffee Cups Served", value: "100k+" },
|
||||
{ id: "2", icon: Smile, title: "Happy Locals", value: "50k+" },
|
||||
{ id: "3", icon: Award, title: "Years of Excellence", value: "15" },
|
||||
]}
|
||||
title="Our Impact in Delco"
|
||||
description="Numbers speak to our commitment to the local community."
|
||||
@@ -271,46 +144,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Local Pro",
|
||||
company: "Drexel Hill",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Business Owner",
|
||||
company: "Delco",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16122.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Family Mom",
|
||||
company: "Drexel Hill",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Foodie",
|
||||
company: "Delco",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-okay-gesture-while-eat-salad-outdoors-cafe_231208-12139.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jen Smith",
|
||||
role: "Professional",
|
||||
company: "Drexel Hill",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525718.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Local Pro", company: "Drexel Hill", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5062.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Business Owner", company: "Delco", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16122.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Family Mom", company: "Drexel Hill", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-friends-watch-video-mobile-phone-have-coffee-break-after-classes-wear-spectacles-eat-delicious-salad-drink-coffee-pose-against-cozy-cafe-interior-connected-wireless-internet_273609-29068.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Foodie", company: "Delco", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-with-okay-gesture-while-eat-salad-outdoors-cafe_231208-12139.jpg" },
|
||||
{ id: "5", name: "Jen Smith", role: "Professional", company: "Drexel Hill", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525718.jpg" },
|
||||
]}
|
||||
title="Voices of the Community"
|
||||
description="Don't just take our word for it—listen to our regulars."
|
||||
@@ -322,14 +160,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Delco Gazette",
|
||||
"Philly Breakfast Monthly",
|
||||
"Drexel Hill Local Guide",
|
||||
"Morning Delights Magazine",
|
||||
"Delco Food Critics",
|
||||
"The Daily Coffee Press",
|
||||
"Breakfast Enthusiasts Network",
|
||||
]}
|
||||
"Delco Gazette", "Philly Breakfast Monthly", "Drexel Hill Local Guide",
|
||||
"Morning Delights Magazine", "Delco Food Critics", "The Daily Coffee Press", "Breakfast Enthusiasts Network"]}
|
||||
title="Proudly Local"
|
||||
description="We are honored to be part of the vibrant Delco community and beyond."
|
||||
/>
|
||||
@@ -340,21 +172,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We serve breakfast from 6:00 AM to 2:00 PM, seven days a week.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer online ordering?",
|
||||
content: "Yes, you can order online via our website for quick pickup.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is seating available?",
|
||||
content: "Yes, we have cozy indoor seating available for all our guests.",
|
||||
},
|
||||
{ id: "1", title: "What are your opening hours?", content: "We serve breakfast from 6:00 AM to 2:00 PM, seven days a week." },
|
||||
{ id: "2", title: "Do you offer online ordering?", content: "Yes, you can order online via our website for quick pickup." },
|
||||
{ id: "3", title: "Is seating available?", content: "Yes, we have cozy indoor seating available for all our guests." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to everything you need to know about Mings."
|
||||
@@ -368,23 +188,10 @@ export default function LandingPage() {
|
||||
title="Visit Us Today"
|
||||
description="Have a question or want to host an event? Reach out and say hello."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your message" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -392,17 +199,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Mings Coffee & Tea"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user