Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -26,243 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Shathy's Crush & Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Shathy's Crush & Cafe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Welcome to Shathy's Crush & Cafe"
|
||||
description="Your new favourite spot in London E17 for unique desserts, indulgent treats, and the friendliest vibes in town. Come for the coffee, stay for the crush."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Welcome to Shathy's Crush & Cafe"
|
||||
description="Your new favourite spot in London E17 for unique desserts, indulgent treats, and the friendliest vibes in town. Come for the coffee, stay for the crush."
|
||||
buttons={[{ text: "View Menu", href: "/menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-overview" data-section="about-overview">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Shathy's?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Signature Blends",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Customers",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Cake,
|
||||
label: "Dessert Options",
|
||||
value: "30+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served",
|
||||
value: "5+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Community Events",
|
||||
value: "12+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-overview" data-section="about-overview">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Shathy's?"
|
||||
metrics={[
|
||||
{ icon: Coffee, label: "Signature Blends", value: "15+" },
|
||||
{ icon: Heart, label: "Happy Customers", value: "500+" },
|
||||
{ icon: Cake, label: "Dessert Options", value: "30+" },
|
||||
{ icon: Award, label: "Years Served", value: "5+" },
|
||||
{ icon: Smile, label: "Community Events", value: "12+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Local Regular",
|
||||
company: "E17 Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-girl-has-cooked-cake_1262-4725.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Foodie",
|
||||
company: "London Explorer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-time-together_52683-100369.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Customer",
|
||||
company: "Happy Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-cupcakes_23-2150847716.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Coffee Enthusiast",
|
||||
company: "Daily Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15954.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie P.",
|
||||
role: "Local",
|
||||
company: "Returning Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-donut_23-2148773568.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Don't just take our word for it—read what our amazing customers have to say about their visit."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Local Regular", company: "E17 Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-girl-has-cooked-cake_1262-4725.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Foodie", company: "London Explorer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-time-together_52683-100369.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Customer", company: "Happy Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-cupcakes_23-2150847716.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Coffee Enthusiast", company: "Daily Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-girls-trendy-summer-casual-clothes-carefree-women-chatting-veranda-terrace-cafe-drinking-coffee-positive-models-having-fun-communicating_158538-15954.jpg" },
|
||||
{ id: "5", name: "Sophie P.", role: "Local", company: "Returning Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-donut_23-2148773568.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Don't just take our word for it—read what our amazing customers have to say about their visit."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visit to Shathy's."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we accept reservations for groups of 4 or more. Please call us to book.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you pet friendly?",
|
||||
content: "We love pets! Well-behaved dogs are welcome in our cafe area.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visit to Shathy's."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you accept reservations?", content: "Yes, we accept reservations for groups of 4 or more. Please call us to book." },
|
||||
{ id: "q2", title: "Are you pet friendly?", content: "We love pets! Well-behaved dogs are welcome in our cafe area." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Sample Packages"
|
||||
description="Enjoy our curated sets for your special occasions."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "£25",
|
||||
subtitle: "Afternoon Tea Set",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Selection of 3 teas",
|
||||
"Assorted pastries",
|
||||
"Finger sandwiches",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Events",
|
||||
price: "£45",
|
||||
subtitle: "Group Brunch",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited coffee",
|
||||
"Custom dessert platter",
|
||||
"Reserved seating",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Sample Packages"
|
||||
description="Enjoy our curated sets for your special occasions."
|
||||
plans={[
|
||||
{ id: "p1", badge: "Popular", price: "£25", subtitle: "Afternoon Tea Set", buttons: [{ text: "Book Now", href: "/contact" }], features: ["Selection of 3 teas", "Assorted pastries", "Finger sandwiches"] },
|
||||
{ id: "p2", badge: "Events", price: "£45", subtitle: "Group Brunch", buttons: [{ text: "Book Now", href: "/contact" }], features: ["Unlimited coffee", "Custom dessert platter", "Reserved seating"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg?_wi=3"
|
||||
logoText="Shathy's Crush & Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-copyspace-mothers-day_23-2147789886.jpg"
|
||||
logoText="Shathy's Crush & Cafe"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user