Merge version_2 into main #2
@@ -9,28 +9,36 @@ import { Coffee } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="Where Hospitality Meets Heart"
|
||||
description="Alaa and Samah pour their dedication into every cup served. Our cafe is more than a place to eat; it is a community hub built on kindness, value, and authentic flavor."
|
||||
subdescription="Come for the coffee, stay for the warmth."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="Where Hospitality Meets Heart"
|
||||
description="Alaa and Samah pour their dedication into every cup served. Our cafe is more than a place to eat; it is a community hub built on kindness, value, and authentic flavor."
|
||||
subdescription="Come for the coffee, stay for the warmth."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -3,40 +3,30 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Menu", id: "/#menu" },
|
||||
{ name: "Reviews", id: "/testimonials" },
|
||||
{ name: "Visit", id: "/contact" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
<div id="contact" data-section="contact" className="py-24">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Coffee?"
|
||||
description="Come visit Mary's Cafe today for the best experience in town. We look forward to serving you."
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }] },
|
||||
{ items: [{ label: "Reviews", href: "/testimonials" }, { label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,32 +8,41 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
<ProductCardTwo
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Our Menu"
|
||||
description="Explore our simple, honest, and high-quality menu."
|
||||
products={[
|
||||
{ id: "p1", brand: "Signature", name: "Egg Mayo Sandwich", price: "$8", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg" },
|
||||
{ id: "p2", brand: "Premium", name: "Artisan Latte", price: "$4", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-turkish-coffee-making-cezve-sand-coffee-bar-professional-barista-manually-prepares-coffee-traditional-way-using-modern-equipment-selective-focus-space-text_166373-2976.jpg" },
|
||||
{ id: "p3", brand: "Fresh", name: "Daily Pastry", price: "$6", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-cup-tea-light-desk_140725-91396.jpg" },
|
||||
]}
|
||||
/>
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Our Menu"
|
||||
description="Explore our simple, honest, and high-quality menu."
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Signature", name: "Egg Mayo Sandwich", price: "$8", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg" },
|
||||
{ id: "p2", brand: "Premium", name: "Artisan Latte", price: "$4", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/closeup-turkish-coffee-making-cezve-sand-coffee-bar-professional-barista-manually-prepares-coffee-traditional-way-using-modern-equipment-selective-focus-space-text_166373-2976.jpg" },
|
||||
{ id: "p3", brand: "Fresh", name: "Daily Pastry", price: "$6", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-sweet-pancakes-with-cup-tea-light-desk_140725-91396.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -3,46 +3,30 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function TestimonialsPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Menu", id: "/#menu" },
|
||||
{ name: "Reviews", id: "/testimonials" },
|
||||
{ name: "Visit", id: "/contact" },
|
||||
]}
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
<div id="testimonials" data-section="testimonials" className="py-24">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Chris Ward", handle: "@chrisward", testimonial: "Cheapest coffee in town and great value. Really kind people.", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup-work-medium-shot_23-2149308464.jpg" },
|
||||
{ id: "t2", name: "Ada Wang", handle: "@adawang", testimonial: "Very affordable price and great food. Egg mayo sandwich is my favourite.", imageSrc: "http://img.b2bpic.net/free-photo/woman-trying-listening-some-sound_1187-3768.jpg" },
|
||||
{ id: "t3", name: "Kaoutar Mahani", handle: "@kaoutar", testimonial: "Excellent service and food quality. Always a 5-star experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg" },
|
||||
{ id: "t4", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The atmosphere is always welcoming. A hidden gem in the city.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148877753.jpg" },
|
||||
{ id: "t5", name: "Michael Roberts", handle: "@mroberts", testimonial: "Consistently great coffee. It's my daily stop for a reason.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-cup-coffee-coffee-shop_1170-2324.jpg" },
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Testimonials", id: "/testimonials" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Don't just take our word for it. Hear what our regulars have to say."
|
||||
brandName="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Menu", href: "/menu" }] }]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/#menu" }] },
|
||||
{ items: [{ label: "Reviews", href: "/testimonials" }, { label: "Contact", href: "/contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
logoText="Mary's Cafe"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user