Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2f555011de |
269
src/app/page.tsx
269
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Treats",
|
||||
id: "products",
|
||||
},
|
||||
name: "Treats", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MELTED MAGIC"
|
||||
/>
|
||||
@@ -59,78 +49,49 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Indulgence Redefined"
|
||||
description="Experience the magic of hand-crafted artisan desserts, where every bite is a journey into pure, melted bliss."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Artisan Flavors",
|
||||
},
|
||||
value: "15+", label: "Artisan Flavors"},
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "2000+", label: "Happy Clients"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Natural Ingredients",
|
||||
},
|
||||
value: "100%", label: "Natural Ingredients"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097755.jpg"
|
||||
imageAlt="Luxurious dessert display"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273130.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273130.jpg", alt: "Happy customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-macarons-arrangement_23-2149162698.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-macarons-arrangement_23-2149162698.jpg", alt: "Happy customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-nougats-arrangement-platter_23-2149617414.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-nougats-arrangement-platter_23-2149617414.jpg", alt: "Happy customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/purple-cookies_1157-774.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/purple-cookies_1157-774.jpg", alt: "Happy customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-female-hands-holding-cup-cake-with-caramel-candies-toppings_23-2147898358.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-female-hands-holding-cup-cake-with-caramel-candies-toppings_23-2147898358.jpg", alt: "Happy customer 5"},
|
||||
]}
|
||||
avatarText="Join 2000+ dessert lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Crafted",
|
||||
},
|
||||
type: "text", text: "Hand-Crafted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Quality",
|
||||
},
|
||||
type: "text", text: "Artisan Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked",
|
||||
},
|
||||
type: "text", text: "Freshly Baked"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Finest Ingredients",
|
||||
},
|
||||
type: "text", text: "Finest Ingredients"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Pure Bliss",
|
||||
},
|
||||
type: "text", text: "Pure Bliss"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,9 +101,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"At MELTED MAGIC, we believe that desserts are not just treats, but moments of magic. Our journey began with a simple passion for creating the perfect balance of texture, flavor, and pure joy.",
|
||||
"Every item we serve is meticulously crafted using only the finest, responsibly sourced ingredients, ensuring that your indulgence is as guilt-free as it is delicious.",
|
||||
]}
|
||||
"At MELTED MAGIC, we believe that desserts are not just treats, but moments of magic. Our journey began with a simple passion for creating the perfect balance of texture, flavor, and pure joy.", "Every item we serve is meticulously crafted using only the finest, responsibly sourced ingredients, ensuring that your indulgence is as guilt-free as it is delicious."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -154,59 +113,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "MELTED MAGIC",
|
||||
name: "Velvet Truffles",
|
||||
price: "$12",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168880.jpg",
|
||||
},
|
||||
id: "p1", brand: "MELTED MAGIC", name: "Velvet Truffles", price: "$12", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168880.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "MELTED MAGIC",
|
||||
name: "Lava Indulgence",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava-cake-white-plate_1150-6317.jpg",
|
||||
},
|
||||
id: "p2", brand: "MELTED MAGIC", name: "Lava Indulgence", price: "$8", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-lava-cake-white-plate_1150-6317.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "MELTED MAGIC",
|
||||
name: "Macaron Collection",
|
||||
price: "$15",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-eco-food-concept-with-flowers-dessert-tart_23-2149448044.jpg",
|
||||
},
|
||||
id: "p3", brand: "MELTED MAGIC", name: "Macaron Collection", price: "$15", rating: 4,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/elegant-eco-food-concept-with-flowers-dessert-tart_23-2149448044.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "MELTED MAGIC",
|
||||
name: "Fruit Harmony Tart",
|
||||
price: "$9",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-berry-dessert-wood-table-generated-by-ai_188544-18105.jpg",
|
||||
},
|
||||
id: "p4", brand: "MELTED MAGIC", name: "Fruit Harmony Tart", price: "$9", rating: 5,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-berry-dessert-wood-table-generated-by-ai_188544-18105.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "MELTED MAGIC",
|
||||
name: "Berry Bliss Platter",
|
||||
price: "$20",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-chocolate-decorated-like-pineapple-stands-dish_1304-4709.jpg",
|
||||
},
|
||||
id: "p5", brand: "MELTED MAGIC", name: "Berry Bliss Platter", price: "$20", rating: 5,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/little-chocolate-decorated-like-pineapple-stands-dish_1304-4709.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "MELTED MAGIC",
|
||||
name: "Glazed Cheesecake",
|
||||
price: "$10",
|
||||
rating: 4,
|
||||
reviewCount: "140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6437.jpg",
|
||||
},
|
||||
id: "p6", brand: "MELTED MAGIC", name: "Glazed Cheesecake", price: "$10", rating: 4,
|
||||
reviewCount: "140", imageSrc: "http://img.b2bpic.net/free-photo/cheese-cake-with-cup-hot-coffee-coffee-shop_1150-6437.jpg"},
|
||||
]}
|
||||
title="Signature Treats"
|
||||
description="From velvety truffles to decadent lava cakes, explore our collection of signature masterpieces."
|
||||
@@ -218,12 +141,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Food Weekly",
|
||||
"Modern Pastry",
|
||||
"City Dining",
|
||||
"Luxury Sweets",
|
||||
"Gourmet Finds",
|
||||
]}
|
||||
"Food Weekly", "Modern Pastry", "City Dining", "Luxury Sweets", "Gourmet Finds"]}
|
||||
title="As Featured In"
|
||||
description="Trusted by dessert lovers and food critics across the country."
|
||||
/>
|
||||
@@ -236,31 +154,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000kg",
|
||||
title: "Cocoa Consumed",
|
||||
items: [
|
||||
"Sustainably sourced",
|
||||
"Premium quality",
|
||||
],
|
||||
id: "m1", value: "5000kg", title: "Cocoa Consumed", items: [
|
||||
"Sustainably sourced", "Premium quality"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250k",
|
||||
title: "Items Created",
|
||||
items: [
|
||||
"Handcrafted daily",
|
||||
"Small batch",
|
||||
],
|
||||
id: "m2", value: "250k", title: "Items Created", items: [
|
||||
"Handcrafted daily", "Small batch"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Returning clients",
|
||||
"5-star reviews",
|
||||
],
|
||||
id: "m3", value: "98%", title: "Customer Satisfaction", items: [
|
||||
"Returning clients", "5-star reviews"],
|
||||
},
|
||||
]}
|
||||
title="Quality In Every Bite"
|
||||
@@ -275,40 +178,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Food Blogger",
|
||||
testimonial: "The best truffle I have ever had! The magic is real.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-cupcakes_23-2150847718.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Food Blogger", testimonial: "The best truffle I have ever had! The magic is real.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-delicious-cupcakes_23-2150847718.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Local Chef",
|
||||
testimonial: "Exceptional quality and consistency. A true art form.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-baked-croissant-cake-stand_23-2148027952.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Local Chef", testimonial: "Exceptional quality and consistency. A true art form.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-baked-croissant-cake-stand_23-2148027952.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Event Planner",
|
||||
testimonial: "Our events are incomplete without MELTED MAGIC's treats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-attractive-handy-glasses-asian-male-craftman-interior-designer-focus-wood-working-site-constrution-home-interior-design-house-renovation-improvement-concept_609648-1057.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Event Planner", testimonial: "Our events are incomplete without MELTED MAGIC's treats.", imageSrc: "http://img.b2bpic.net/free-photo/smart-attractive-handy-glasses-asian-male-craftman-interior-designer-focus-wood-working-site-constrution-home-interior-design-house-renovation-improvement-concept_609648-1057.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Regular Patron",
|
||||
testimonial: "Pure bliss in every bite. Simply unforgettable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-pin-up-woman-holding-cake-hands_176420-3336.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Regular Patron", testimonial: "Pure bliss in every bite. Simply unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-pin-up-woman-holding-cake-hands_176420-3336.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
role: "Connoisseur",
|
||||
testimonial: "The balance of flavors is just impeccable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-blonde-woman-stylish-white-blouse-dark-velvet-pants-laughs-looks-into-camera-spreads-paste-piece-bread-street-cafe_197531-23212.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", role: "Connoisseur", testimonial: "The balance of flavors is just impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-blonde-woman-stylish-white-blouse-dark-velvet-pants-laughs-looks-into-camera-spreads-paste-piece-bread-street-cafe_197531-23212.jpg"},
|
||||
]}
|
||||
title="Sweet Words"
|
||||
description="Don't just take our word for it—hear what our dessert enthusiasts have to say."
|
||||
@@ -321,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are your ingredients natural?",
|
||||
content: "Absolutely. We prioritize organic and locally sourced ingredients whenever possible.",
|
||||
},
|
||||
id: "f1", title: "Are your ingredients natural?", content: "Absolutely. We prioritize organic and locally sourced ingredients whenever possible."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, we specialize in high-end catering for events of all sizes.",
|
||||
},
|
||||
id: "f2", title: "Do you offer catering?", content: "Yes, we specialize in high-end catering for events of all sizes."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I custom order?",
|
||||
content: "We offer custom orders for specific occasions with at least 48 hours notice.",
|
||||
},
|
||||
id: "f3", title: "Can I custom order?", content: "We offer custom orders for specific occasions with at least 48 hours notice."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
@@ -349,14 +218,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to experience the magic? Visit us today or drop us a message for special orders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,42 +232,27 @@ export default function LandingPage() {
|
||||
logoText="MELTED MAGIC"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -411,4 +262,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user