Update src/app/page.tsx
This commit is contained in:
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "deals",
|
||||
},
|
||||
name: "Deals", id: "deals"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Blush__Butter"
|
||||
/>
|
||||
@@ -58,21 +48,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Blush__Butter"
|
||||
description="Customized Cakes Made with Love. 🚚 Orders Only in Gujranwala"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
{
|
||||
text: "View Cakes",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Cakes", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-slice-red-velvet-cake-with-pink-frosting_23-2151992726.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-slice-red-velvet-cake-with-pink-frosting_23-2151992726.jpg"
|
||||
imageAlt="elegant bakery cake display"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -85,47 +70,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "We use only the finest ingredients for every bite.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mug-cookies-tray_23-2148791069.jpg",
|
||||
imageAlt: "fresh ingredients bakery",
|
||||
},
|
||||
title: "Premium Ingredients", description: "We use only the finest ingredients for every bite.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mug-cookies-tray_23-2148791069.jpg", imageAlt: "fresh ingredients bakery"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-holding-food-boxes-pink_179666-25236.jpg",
|
||||
imageAlt: "cake delivery courier",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-slice-red-velvet-cake-with-pink-frosting_23-2151992726.jpg?_wi=2",
|
||||
imageAlt: "fresh ingredients bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-courier-holding-food-boxes-pink_179666-25236.jpg", imageAlt: "cake delivery courier"}
|
||||
},
|
||||
{
|
||||
title: "Handcrafted Design",
|
||||
description: "Every cake is a piece of art, made just for you.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-pastry-flour-round-wooden-board-grater-hazelnuts-fresh-fruits-chocolates-gray-background_140725-159134.jpg",
|
||||
imageAlt: "fresh ingredients bakery",
|
||||
},
|
||||
title: "Handcrafted Design", description: "Every cake is a piece of art, made just for you.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-pastry-flour-round-wooden-board-grater-hazelnuts-fresh-fruits-chocolates-gray-background_140725-159134.jpg", imageAlt: "fresh ingredients bakery"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-puts-croissant-into-paper-bag-using-tongs_1303-32311.jpg",
|
||||
imageAlt: "cake delivery courier",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-excited-male-chef-dressed-uniform_171337-5358.jpg?_wi=1",
|
||||
imageAlt: "fresh ingredients bakery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-puts-croissant-into-paper-bag-using-tongs_1303-32311.jpg", imageAlt: "cake delivery courier"}
|
||||
},
|
||||
{
|
||||
title: "Local Delivery",
|
||||
description: "Safe, timely delivery across Gujranwala.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confectioner-uniform-decorates-macaroni_1157-33248.jpg",
|
||||
imageAlt: "fresh ingredients bakery",
|
||||
},
|
||||
title: "Local Delivery", description: "Safe, timely delivery across Gujranwala.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confectioner-uniform-decorates-macaroni_1157-33248.jpg", imageAlt: "fresh ingredients bakery"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-blowing-candles_23-2149295572.jpg",
|
||||
imageAlt: "cake delivery courier",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cakes-isolated_1203-6842.jpg?_wi=1",
|
||||
imageAlt: "fresh ingredients bakery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-blowing-candles_23-2149295572.jpg", imageAlt: "cake delivery courier"}
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Why Choose Us"
|
||||
@@ -141,53 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chocolate Dream Cake",
|
||||
price: "PKR 1800",
|
||||
variant: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-excited-male-chef-dressed-uniform_171337-5358.jpg?_wi=2",
|
||||
imageAlt: "chocolate dream cake",
|
||||
},
|
||||
id: "1", name: "Chocolate Dream Cake", price: "PKR 1800", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-excited-male-chef-dressed-uniform_171337-5358.jpg", imageAlt: "chocolate dream cake"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pink Velvet Cake",
|
||||
price: "PKR 2200",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cakes-isolated_1203-6842.jpg?_wi=2",
|
||||
imageAlt: "pink velvet cake",
|
||||
},
|
||||
id: "2", name: "Pink Velvet Cake", price: "PKR 2200", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cakes-isolated_1203-6842.jpg", imageAlt: "pink velvet cake"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Birthday Surprise Cake",
|
||||
price: "PKR 1500",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-birthday-cake_23-2147720324.jpg",
|
||||
imageAlt: "birthday surprise cake",
|
||||
},
|
||||
id: "3", name: "Birthday Surprise Cake", price: "PKR 1500", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-birthday-cake_23-2147720324.jpg", imageAlt: "birthday surprise cake"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Heart Shape Cake",
|
||||
price: "PKR 1700",
|
||||
variant: "Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blueberry-cheesecake-decorated-with-sweet-hearts-wooden-table_123827-22718.jpg",
|
||||
imageAlt: "heart shape cake",
|
||||
},
|
||||
id: "4", name: "Heart Shape Cake", price: "PKR 1700", variant: "Special", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-cheesecake-decorated-with-sweet-hearts-wooden-table_123827-22718.jpg", imageAlt: "heart shape cake"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Floral Buttercream Cake",
|
||||
price: "PKR 1999",
|
||||
variant: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-wedding-cake-design_23-2151109518.jpg",
|
||||
imageAlt: "floral buttercream cake",
|
||||
},
|
||||
id: "5", name: "Floral Buttercream Cake", price: "PKR 1999", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/3d-wedding-cake-design_23-2151109518.jpg", imageAlt: "floral buttercream cake"},
|
||||
{
|
||||
id: "6",
|
||||
name: "KitKat Delight Cake",
|
||||
price: "PKR 1450",
|
||||
variant: "Chocolate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-piece-chocolate-cake-closeup_169016-23704.jpg",
|
||||
imageAlt: "kitkat chocolate cake",
|
||||
},
|
||||
id: "6", name: "KitKat Delight Cake", price: "PKR 1450", variant: "Chocolate", imageSrc: "http://img.b2bpic.net/free-photo/woman-eats-piece-chocolate-cake-closeup_169016-23704.jpg", imageAlt: "kitkat chocolate cake"},
|
||||
]}
|
||||
title="Our Creations"
|
||||
description="Explore our delicious range of customized cakes."
|
||||
@@ -201,49 +126,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "deal-1",
|
||||
tag: "Delivery",
|
||||
price: "Buy 2",
|
||||
period: "Cakes",
|
||||
description: "Get free delivery on orders of 2 cakes.",
|
||||
button: {
|
||||
text: "Claim",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Free Delivery",
|
||||
"Freshness Guaranteed",
|
||||
],
|
||||
id: "deal-1", tag: "Delivery", price: "Buy 2", period: "Cakes", description: "Get free delivery on orders of 2 cakes.", button: {
|
||||
text: "Claim"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Free Delivery", "Freshness Guaranteed"],
|
||||
},
|
||||
{
|
||||
id: "deal-2",
|
||||
tag: "Gift",
|
||||
price: "Buy 3",
|
||||
period: "Cakes",
|
||||
description: "Get a free small gift with 3 cakes.",
|
||||
button: {
|
||||
text: "Claim",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Free Small Gift",
|
||||
"Priority Baking",
|
||||
],
|
||||
id: "deal-2", tag: "Gift", price: "Buy 3", period: "Cakes", description: "Get a free small gift with 3 cakes.", button: {
|
||||
text: "Claim"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Free Small Gift", "Priority Baking"],
|
||||
},
|
||||
{
|
||||
id: "deal-3",
|
||||
tag: "Surprise",
|
||||
price: "Above 5k",
|
||||
period: "Orders",
|
||||
description: "Surprise gift on all orders over 5000 PKR.",
|
||||
button: {
|
||||
text: "Claim",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Surprise Gift",
|
||||
"Express Handling",
|
||||
],
|
||||
id: "deal-3", tag: "Surprise", price: "Above 5k", period: "Orders", description: "Surprise gift on all orders over 5000 PKR.", button: {
|
||||
text: "Claim"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Surprise Gift", "Express Handling"],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Deals"
|
||||
@@ -257,20 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How to order?",
|
||||
content: "You can order via our WhatsApp number +92 307 2204756.",
|
||||
},
|
||||
id: "faq-1", title: "How to order?", content: "You can order via our WhatsApp number +92 307 2204756."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Delivery areas?",
|
||||
content: "We currently serve Gujranwala only.",
|
||||
},
|
||||
id: "faq-2", title: "Delivery areas?", content: "We currently serve Gujranwala only."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Custom designs?",
|
||||
content: "Yes, send us your reference design on WhatsApp.",
|
||||
},
|
||||
id: "faq-3", title: "Custom designs?", content: "Yes, send us your reference design on WhatsApp."},
|
||||
]}
|
||||
title="Bakery FAQs"
|
||||
description="Frequently asked questions about our cakes and delivery."
|
||||
@@ -283,41 +172,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-africanamerican-girl-celebrating-birthday-smiling-looking-happy-holdin_1258-137588.jpg",
|
||||
imageAlt: "happy customer eating cake",
|
||||
},
|
||||
id: "t1", name: "Ayesha", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-africanamerican-girl-celebrating-birthday-smiling-looking-happy-holdin_1258-137588.jpg", imageAlt: "happy customer eating cake"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Hira",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-celebrating-their-birthday_23-2150261001.jpg",
|
||||
imageAlt: "cheerful customer celebration",
|
||||
},
|
||||
id: "t2", name: "Hira", imageSrc: "http://img.b2bpic.net/free-photo/elderly-people-celebrating-their-birthday_23-2150261001.jpg", imageAlt: "cheerful customer celebration"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sana",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-brown-eyes-dressed-casually-white-t-shirt-yellow-headband-joyful-attractive-housewife-being-glad-see-her-relatives-people-emotions_273609-8033.jpg",
|
||||
imageAlt: "portrait happy woman",
|
||||
},
|
||||
id: "t3", name: "Sana", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-with-brown-eyes-dressed-casually-white-t-shirt-yellow-headband-joyful-attractive-housewife-being-glad-see-her-relatives-people-emotions_273609-8033.jpg", imageAlt: "portrait happy woman"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Ali",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-birthday-cake_23-2149305055.jpg",
|
||||
imageAlt: "man holding bakery box",
|
||||
},
|
||||
id: "t4", name: "Ali", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-with-birthday-cake_23-2149305055.jpg", imageAlt: "man holding bakery box"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatima",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg",
|
||||
imageAlt: "woman enjoying dessert",
|
||||
},
|
||||
id: "t5", name: "Fatima", imageSrc: "http://img.b2bpic.net/free-photo/pleasant-looking-stylish-bearded-man-speaks-smart-phone_273609-8930.jpg", imageAlt: "woman enjoying dessert"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Zainab",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-doughnuts_23-2148499575.jpg",
|
||||
imageAlt: "zainab smiling cake",
|
||||
},
|
||||
id: "t6", name: "Zainab", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-with-doughnuts_23-2148499575.jpg", imageAlt: "zainab smiling cake"},
|
||||
]}
|
||||
cardTitle="What People Say"
|
||||
cardTag="Reviews"
|
||||
@@ -329,14 +194,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to order your dream cake? Message us on WhatsApp: +92 307 2204756"
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/923072204756",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/923072204756"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -347,38 +209,25 @@ export default function LandingPage() {
|
||||
logoText="Blush__Butter"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Deals",
|
||||
href: "#deals",
|
||||
},
|
||||
label: "Deals", href: "#deals"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+92 307 2204756",
|
||||
href: "https://wa.me/923072204756",
|
||||
},
|
||||
label: "+92 307 2204756", href: "https://wa.me/923072204756"},
|
||||
{
|
||||
label: "Gujranwala, Pakistan",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gujranwala, Pakistan", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/blush__butter",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/blush__butter"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user