4 Commits

Author SHA1 Message Date
f2033f3e20 Update src/app/page.tsx 2026-06-05 13:57:26 +00:00
5972ad267f Update src/app/loyalty-program/page.tsx 2026-06-05 13:57:26 +00:00
b9ba78d749 Update src/app/page.tsx 2026-06-05 13:57:02 +00:00
88d06385a1 Update src/app/loyalty-program/page.tsx 2026-06-05 13:57:01 +00:00
2 changed files with 154 additions and 337 deletions

View File

@@ -2,12 +2,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import { Crown, Gift, BadgeCheck, BarChart3, Users, PiggyBank } from "lucide-react";
export default function LandingPage() { export default function LoyaltyProgramPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="directional-hover" defaultButtonVariant="directional-hover"
@@ -22,180 +23,105 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/", {
}, name: "Menu", id: "/menu"},
{ {
name: "Menu", name: "Gallery", id: "/gallery"},
id: "/menu", {
}, name: "Reviews", id: "/reviews"},
{ {
name: "Gallery", name: "Contact", id: "/contact"},
id: "/gallery", {
}, name: "Loyalty", id: "/loyalty-program"},
{ ]}
name: "Reviews", logoSrc="http://img.b2bpic.net/free-photo/medium-shot-cartoonish-young-woman-with-burger_23-2151033865.jpg"
id: "/reviews", logoAlt="Tastey Corner Logo"
}, brandName="Tastey Corner"
{ button={{
name: "Contact", text: "Order Now", href: "/menu"}}
id: "/contact", />
}, </div>
{
name: "Loyalty",
id: "/loyalty-program",
},
]}
logoSrc="http://img.b2bpic.net/free-photo/medium-shot-cartoonish-young-woman-with-burger_23-2151033865.jpg"
logoAlt="Tastey Corner Logo"
brandName="Tastey Corner"
button={{
text: "Order Now",
href: "/menu",
}}
/>
</div>
<div id="loyalty-details" data-section="loyalty-details"> <div id="loyalty-details" data-section="loyalty-details">
<FeatureCardSixteen <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={false}
negativeCard={{ title="Unlock Exclusive Rewards with Tastey Corner Loyalty"
items: [ description="Join our loyalty program today and start earning delicious rewards with every purchase. It's simple, free, and incredibly rewarding!"
"No complex points calculations", tag="Loyalty Program"
"No hidden membership fees", features={[
"No waiting periods for rewards", {
], title: "Every 10th Burger Free", description: "After every 9 purchases, your 10th burger is on us! Enjoy your favorite meal for free as a thank you.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-double-cheeseburger-with-melted-cheese_84443-86133.jpg?_wi=1", imageAlt: "Free Burger Reward", buttons: [{ text: "Start Earning", href: "/menu" }],
}} },
positiveCard={{ {
items: [ title: "Birthday Surprises", description: "Celebrate your special day with a treat from us! Get exclusive discounts or a free item on your birthday.", imageSrc: "http://img.b2bpic.net/free-photo/minimal-cake-with-happy-birthday-text_23-2150821013.jpg", imageAlt: "Birthday Cake", buttons: [{ text: "Update Birthday", href: "/contact" }],
"Get your 10th Burger FREE!", },
"Exclusive Birthday Discounts", {
"Receive SMS Promotions", title: "Early Access to New Items", description: "Be the first to try our exciting new menu additions before anyone else. Exclusive for our loyalty members!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chicken-burger_23-2148782353.jpg", imageAlt: "New Menu Item", buttons: [{ text: "Discover New", href: "/menu" }],
"Be the first to know about new menu items", },
"Special holiday offers for members", {
], title: "Special SMS Promotions", description: "Receive timely updates and special offers directly to your phone. Don't miss out on limited-time deals!", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-smartphone_23-2148155209.jpg", imageAlt: "SMS Promotion", buttons: [{ text: "Opt-In Now", href: "/contact" }],
}} },
title="Tastey Corner Loyalty Program Perks" ]}
description="Become a Tastey Corner VIP and unlock a world of delicious rewards. It's simple, free, and incredibly rewarding!" />
buttons={[ </div>
{
text: "Register Now",
href: "#register",
},
]}
/>
</div>
<div id="product" data-section="product"> <div id="loyalty-metrics" data-section="loyalty-metrics">
<ProductCardTwo <MetricCardEleven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" useInvertedBackground={true}
useInvertedBackground={false} title="Our Loyalty Program's Impact"
title="Exclusive Member Treats" tag="Loyalty Benefits"
description="As a loyalty member, get access to special dishes and promotions not available to the general public!" description="See the numbers behind the smiles. Our loyalty members enjoy significant savings and exclusive perks."
products={[ metrics={[
{ {
id: "ultimate-combo", id: "members", value: "25,000+", title: "Active Members", description: "A growing community enjoying exclusive perks.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-people-sitting-cafe_23-2149591461.jpg", imageAlt: "Happy Customers"},
brand: "Tastey Corner", {
name: "Ultimate Crispy Combo", id: "redeemed", value: "10,000+", title: "Rewards Redeemed", description: "Free burgers, discounts, and special offers claimed.", imageSrc: "http://img.b2bpic.net/free-photo/pile-money-gold-coin-isolated-white-background_1340-27953.jpg", imageAlt: "Redeemed Rewards"},
price: "֏ 5000", {
rating: 5, id: "savings", value: "$50,000+", title: "Total Member Savings", description: "Our members have collectively saved a fortune on their favorite meals.", imageSrc: "http://img.b2bpic.net/free-photo/money-cash-gold-coin-business-background_1340-27866.jpg", imageAlt: "Money Savings"},
reviewCount: "120", {
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-batch-cooking-arrangement-with-copy-space_23-2148826838.jpg", id: "offers", value: "12+", title: "Exclusive Offers Annually", description: "Beyond free burgers, we send out a variety of special promotions.", imageSrc: "http://img.b2bpic.net/free-photo/stack-discount-coupon-ticket_114579-11532.jpg", imageAlt: "Exclusive Offers"},
imageAlt: "View of delicious ready-to-eat meal", ]}
}, />
{ </div>
id: "kapan-feast",
brand: "Tastey Corner",
name: "Kapan Burger Feast",
price: "֏ 4500",
rating: 4.9,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291681.jpg",
imageAlt: "Close up on fast food still life",
},
{
id: "dessert-delight",
brand: "Sweet Treats Co.",
name: "Dessert Delight",
price: "֏ 2000",
rating: 4.7,
reviewCount: "75",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pina-colada-cocktail_23-2150143243.jpg",
imageAlt: "Four delicious summer smoothies",
},
{
id: "spicy-bucket",
brand: "Tastey Corner",
name: "Spicy Chicken Bucket",
price: "֏ 6500",
rating: 4.8,
reviewCount: "110",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-variety-fried-chicken-with-sauces-french-fries_23-2148646559.jpg",
imageAlt: "Fried chicken and sauces for celebration",
},
{
id: "gourmet-salad",
brand: "Healthy Bites",
name: "Gourmet Salad Bowl",
price: "֏ 3200",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-breast-fresh-vegetable-salad-tomatoes-cucumbers-lettuce-leaves-chicken-salad-healthy-food-flat-lay-top-view_2829-4245.jpg",
imageAlt: "Fresh vegetable salad with grilled chicken breast.",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
logoSrc="http://img.b2bpic.net/free-photo/medium-shot-cartoonish-young-woman-with-burger_23-2151033865.jpg" logoSrc="http://img.b2bpic.net/free-photo/medium-shot-cartoonish-young-woman-with-burger_23-2151033865.jpg"
logoAlt="Tastey Corner Logo" logoAlt="Tastey Corner Logo"
columns={[ columns={[
{ {
items: [ items: [
{ {
label: "Home", label: "Home", href: "/"},
href: "/", {
}, label: "Menu", href: "/menu"},
{ {
label: "Menu", label: "Gallery", href: "/gallery"},
href: "/menu", ],
}, },
{ {
label: "Gallery", items: [
href: "/gallery", {
}, label: "Reviews", href: "/reviews"},
], {
}, label: "Contact", href: "/contact"},
{ {
items: [ label: "Loyalty Program", href: "/loyalty-program"},
{ ],
label: "Reviews", },
href: "/reviews", ]}
}, logoText="Tastey Corner"
{ />
label: "Contact", </div>
href: "/contact",
},
{
label: "Loyalty Program",
href: "/loyalty-program",
},
],
},
]}
logoText="Tastey Corner"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );

View File

@@ -30,157 +30,92 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "/"},
id: "/",
},
{ {
name: "Menu", name: "Menu", id: "/menu"},
id: "/menu",
},
{ {
name: "Gallery", name: "Gallery", id: "/gallery"},
id: "/gallery",
},
{ {
name: "Reviews", name: "Reviews", id: "/reviews"},
id: "/reviews",
},
{ {
name: "Contact", name: "Contact", id: "/contact"},
id: "/contact",
},
{ {
name: "Loyalty", name: "Loyalty", id: "/loyalty-program"},
id: "/loyalty-program",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-photo/medium-shot-cartoonish-young-woman-with-burger_23-2151033865.jpg" logoSrc="http://img.b2bpic.net/free-photo/medium-shot-cartoonish-young-woman-with-burger_23-2151033865.jpg"
logoAlt="Tastey Corner Logo" logoAlt="Tastey Corner Logo"
brandName="Tastey Corner" brandName="Tastey Corner"
button={{ button={{
text: "Order Now", text: "Order Now", href: "/menu"}}
href: "/menu",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Kapan's Favorite Fried Chicken & Burgers" title="Kapan's Favorite Fried Chicken & Burgers"
description="Experience the taste that locals and tourists crave in Syunik. Freshly prepared, every time." description="Experience the taste that locals and tourists crave in Syunik. Freshly prepared, every time."
leftCarouselItems={[ leftCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-with-spices_114579-44473.jpg", imageSrc: "http://img.b2bpic.net/free-photo/grilled-chicken-legs-with-spices_114579-44473.jpg", imageAlt: "Crispy fried chicken drumsticks"},
imageAlt: "Crispy fried chicken drumsticks",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/delicious-double-cheeseburger-with-melted-cheese_84443-86133.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delicious-double-cheeseburger-with-melted-cheese_84443-86133.jpg?_wi=2", imageAlt: "Stacked gourmet cheeseburger"},
imageAlt: "Stacked gourmet cheeseburger",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-thin-pita_23-2148651102.jpg", imageSrc: "http://img.b2bpic.net/free-photo/arabic-kebab-sandwich-wrapped-thin-pita_23-2148651102.jpg", imageAlt: "Fresh chicken wrap"},
imageAlt: "Fresh chicken wrap",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-food_23-2148910352.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-food_23-2148910352.jpg", imageAlt: "Assortment of fried chicken nuggets"},
imageAlt: "Assortment of fried chicken nuggets",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hamburger-ingredients_23-2148575454.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hamburger-ingredients_23-2148575454.jpg", imageAlt: "Chicken Burger Deluxe"},
imageAlt: "Chicken Burger Deluxe",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/unprepared-fresh-macaroni-dark-plate_114579-76474.jpg", imageSrc: "http://img.b2bpic.net/free-photo/unprepared-fresh-macaroni-dark-plate_114579-76474.jpg", imageAlt: "Basket of golden french fries"},
imageAlt: "Basket of golden french fries",
},
]} ]}
rightCarouselItems={[ rightCarouselItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/cook-preparing-french-fries-kitchen_181624-57457.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cook-preparing-french-fries-kitchen_181624-57457.jpg", imageAlt: "Preparation of gourmet burger"},
imageAlt: "Preparation of gourmet burger",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg", imageAlt: "Modern restaurant interior"},
imageAlt: "Modern restaurant interior",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/women-eating-delicious-burgers-outside_23-2148952931.jpg", imageSrc: "http://img.b2bpic.net/free-photo/women-eating-delicious-burgers-outside_23-2148952931.jpg", imageAlt: "Happy customers eating"},
imageAlt: "Happy customers eating",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-golden-texture-background_23-2148495559.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-golden-texture-background_23-2148495559.jpg", imageAlt: "Close-up of crispy fried chicken"},
imageAlt: "Close-up of crispy fried chicken",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-cup_1339-1736.jpg", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-cup_1339-1736.jpg", imageAlt: "Assortment of soft drinks"},
imageAlt: "Assortment of soft drinks",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/business-man-eat-american-breakfast-set-hotel_1150-6620.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-man-eat-american-breakfast-set-hotel_1150-6620.jpg", imageAlt: "Espresso coffee cup"},
imageAlt: "Espresso coffee cup",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Order Now", text: "Order Now", href: "/menu"},
href: "/menu",
},
{ {
text: "View Menu", text: "View Menu", href: "/menu"},
href: "/menu",
},
{ {
text: "Call Us", text: "Call Us", href: "tel:+37441555221"},
href: "tel:+37441555221",
},
]} ]}
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-smiling-woman_171337-4171.jpg", alt: "Satisfied customer 1"},
alt: "Satisfied customer 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg", src: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg", alt: "Satisfied customer 2"},
alt: "Satisfied customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg", src: "http://img.b2bpic.net/free-photo/optimistic-confident-carefree-chill-african-american-female_176420-31297.jpg", alt: "Satisfied customer 3"},
alt: "Satisfied customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-businessman-gesturing-ok-sign_141793-129843.jpg", src: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-businessman-gesturing-ok-sign_141793-129843.jpg", alt: "Satisfied customer 4"},
alt: "Satisfied customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Satisfied customer 5"},
alt: "Satisfied customer 5",
},
]} ]}
avatarText="Loved by over 50,000 satisfied customers!" avatarText="Loved by over 50,000 satisfied customers!"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Fresh Ingredients Daily"},
text: "Fresh Ingredients Daily",
},
{ {
type: "text", type: "text", text: "Speedy Delivery"},
text: "Speedy Delivery",
},
{ {
type: "text", type: "text", text: "Award-Winning Taste"},
text: "Award-Winning Taste",
},
{ {
type: "text", type: "text", text: "Family-Owned Since '95"},
text: "Family-Owned Since '95",
},
{ {
type: "text", type: "text", text: "Unbeatable Value"},
text: "Unbeatable Value",
},
]} ]}
/> />
</div> </div>
@@ -192,29 +127,19 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Star, icon: Star,
label: "Rating", label: "Rating", value: "4.6"},
value: "4.6",
},
{ {
icon: Truck, icon: Truck,
label: "Delivery", label: "Delivery", value: "Available"},
value: "Available",
},
{ {
icon: ShoppingBag, icon: ShoppingBag,
label: "Takeaway", label: "Takeaway", value: "Available"},
value: "Available",
},
{ {
icon: Utensils, icon: Utensils,
label: "Dine-In", label: "Dine-In", value: "Available"},
value: "Available",
},
{ {
icon: MapPin, icon: MapPin,
label: "Location", label: "Location", value: "2 Charents St, Kapan"},
value: "2 Charents St, Kapan",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -227,24 +152,17 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
negativeCard={{ negativeCard={{
items: [ items: [
"No complicated points system", "No complicated points system", "No hidden fees or charges"],
"No hidden fees or charges",
],
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"Every 10th Burger Free", "Every 10th Burger Free", "Exclusive Birthday Discounts", "Special SMS Promotions"],
"Exclusive Birthday Discounts",
"Special SMS Promotions",
],
}} }}
title="Join Our Loyalty Program" title="Join Our Loyalty Program"
description="Enjoy exclusive rewards and discounts with Tastey Corner. Get your 10th burger free and more!" description="Enjoy exclusive rewards and discounts with Tastey Corner. Get your 10th burger free and more!"
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "/loyalty-program"},
href: "/loyalty-program",
},
]} ]}
/> />
</div> </div>
@@ -256,25 +174,13 @@ export default function LandingPage() {
tag="Our Achievements" tag="Our Achievements"
metrics={[ metrics={[
{ {
id: "customers", id: "customers", value: "50,000+", description: "Happy Customers Served"},
value: "50,000+",
description: "Happy Customers Served",
},
{ {
id: "years", id: "years", value: "10+", description: "Years of Culinary Excellence"},
value: "10+",
description: "Years of Culinary Excellence",
},
{ {
id: "freshness", id: "freshness", value: "99%", description: "Freshness Score"},
value: "99%",
description: "Freshness Score",
},
{ {
id: "rating", id: "rating", value: "5-Star", description: "Unmatched Taste & Service"},
value: "5-Star",
description: "Unmatched Taste & Service",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -284,14 +190,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "sparkles-gradient"}}
}}
text="Ready to Taste the Best? Browse Our Full Menu!" text="Ready to Taste the Best? Browse Our Full Menu!"
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "/menu"},
href: "/menu",
},
]} ]}
/> />
</div> </div>
@@ -304,33 +207,21 @@ export default function LandingPage() {
{ {
items: [ items: [
{ {
label: "Home", label: "Home", href: "/"},
href: "/",
},
{ {
label: "Menu", label: "Menu", href: "/menu"},
href: "/menu",
},
{ {
label: "Gallery", label: "Gallery", href: "/gallery"},
href: "/gallery",
},
], ],
}, },
{ {
items: [ items: [
{ {
label: "Reviews", label: "Reviews", href: "/reviews"},
href: "/reviews",
},
{ {
label: "Contact", label: "Contact", href: "/contact"},
href: "/contact",
},
{ {
label: "Loyalty Program", label: "Loyalty Program", href: "/loyalty-program"},
href: "/loyalty-program",
},
], ],
}, },
]} ]}