Merge version_2 into main #1
259
src/app/page.tsx
259
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Gifts",
|
||||
id: "#gifts",
|
||||
},
|
||||
name: "Gifts", id: "#gifts"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Marvellous Gifts"
|
||||
/>
|
||||
@@ -64,45 +52,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Marvellous Gifts"
|
||||
description="Your ultimate destination for unique and personalized gifts that truly matter. Celebrate every occasion with something special from our curated collection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Gifts",
|
||||
href: "#gifts",
|
||||
},
|
||||
text: "Explore Our Gifts", href: "#gifts"},
|
||||
{
|
||||
text: "Personalize Your Gift",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Personalize Your Gift", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-red-gift-boxes-with-christmas-toys_23-2147957785.jpg",
|
||||
imageAlt: "A beautifully wrapped gift box with a ribbon.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-red-gift-boxes-with-christmas-toys_23-2147957785.jpg", imageAlt: "A beautifully wrapped gift box with a ribbon."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-water-while-camping_23-2149282571.jpg",
|
||||
imageAlt: "A customized mug with a unique design.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-cup-water-while-camping_23-2149282571.jpg", imageAlt: "A customized mug with a unique design."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-presents-bag_23-2147806930.jpg",
|
||||
imageAlt: "An assorted gift hamper with various products.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day-with-presents-bag_23-2147806930.jpg", imageAlt: "An assorted gift hamper with various products."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-composition-with-presents_23-2147709891.jpg",
|
||||
imageAlt: "Interior view of a modern gift shop with diverse products.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-composition-with-presents_23-2147709891.jpg", imageAlt: "Interior view of a modern gift shop with diverse products."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-holding-present_23-2147887970.jpg",
|
||||
imageAlt: "A person happily carrying a gift bag after shopping.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-holding-present_23-2147887970.jpg", imageAlt: "A person happily carrying a gift bag after shopping."},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxing-day-celebration-with-gifts_23-2151116797.jpg",
|
||||
imageAlt: "A vibrant display of various gift items.",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boxing-day-celebration-with-gifts_23-2151116797.jpg", imageAlt: "A vibrant display of various gift items."},
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
@@ -130,23 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast & Reliable Delivery",
|
||||
description: "Get your gifts delivered promptly and safely, right to their doorstep, across the city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-laptop-near-credit-card-gift-box_23-2147973976.jpg",
|
||||
imageAlt: "Fast delivery truck",
|
||||
},
|
||||
title: "Fast & Reliable Delivery", description: "Get your gifts delivered promptly and safely, right to their doorstep, across the city.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-laptop-near-credit-card-gift-box_23-2147973976.jpg", imageAlt: "Fast delivery truck"},
|
||||
{
|
||||
title: "Personalized Customization",
|
||||
description: "Add a unique touch with custom engraving, printing, and bespoke gift design services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ouija-board-flowers-arrangement_23-2149486491.jpg",
|
||||
imageAlt: "Engraving machine customizing a gift",
|
||||
},
|
||||
title: "Personalized Customization", description: "Add a unique touch with custom engraving, printing, and bespoke gift design services.", imageSrc: "http://img.b2bpic.net/free-photo/ouija-board-flowers-arrangement_23-2149486491.jpg", imageAlt: "Engraving machine customizing a gift"},
|
||||
{
|
||||
title: "Exquisite Gift Wrapping",
|
||||
description: "Elevate your present with our professional and artistic gift wrapping services, perfect for any occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-friday-arrangement_23-2148666984.jpg",
|
||||
imageAlt: "Hands wrapping a gift with a decorative ribbon",
|
||||
},
|
||||
title: "Exquisite Gift Wrapping", description: "Elevate your present with our professional and artistic gift wrapping services, perfect for any occasion.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-friday-arrangement_23-2148666984.jpg", imageAlt: "Hands wrapping a gift with a decorative ribbon"},
|
||||
]}
|
||||
title="Seamless Gifting Experience"
|
||||
description="We offer a range of services designed to make your gift-giving effortless and memorable."
|
||||
@@ -162,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom Leather Wallet",
|
||||
price: "₹1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-bow-tie-passport-wooden-background-eyeglasses-headphone-wallet-tree-wood-table_1921-100.jpg",
|
||||
imageAlt: "Personalized men's leather wallet.",
|
||||
},
|
||||
id: "p1", name: "Custom Leather Wallet", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-bow-tie-passport-wooden-background-eyeglasses-headphone-wallet-tree-wood-table_1921-100.jpg", imageAlt: "Personalized men's leather wallet."},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Personalized Water Bottle",
|
||||
price: "₹699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-flask_23-2149737029.jpg",
|
||||
imageAlt: "Customized water bottle with a name.",
|
||||
},
|
||||
id: "p2", name: "Personalized Water Bottle", price: "₹699", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-flask_23-2149737029.jpg", imageAlt: "Customized water bottle with a name."},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Beauty Hamper",
|
||||
price: "₹2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246317.jpg",
|
||||
imageAlt: "A gift hamper filled with beauty products.",
|
||||
},
|
||||
id: "p3", name: "Luxury Beauty Hamper", price: "₹2,499", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246317.jpg", imageAlt: "A gift hamper filled with beauty products."},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Couple Hoodies (Set of 2)",
|
||||
price: "₹1,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sport-outfits-having-fun_114579-17727.jpg",
|
||||
imageAlt: "Set of two customized hoodies for couples.",
|
||||
},
|
||||
id: "p4", name: "Couple Hoodies (Set of 2)", price: "₹1,999", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sport-outfits-having-fun_114579-17727.jpg", imageAlt: "Set of two customized hoodies for couples."},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Engraved Photo Frame",
|
||||
price: "₹899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buddha-composition-with-chalkboard-frame_23-2147621490.jpg",
|
||||
imageAlt: "An elegant engraved photo frame.",
|
||||
},
|
||||
id: "p5", name: "Engraved Photo Frame", price: "₹899", imageSrc: "http://img.b2bpic.net/free-photo/buddha-composition-with-chalkboard-frame_23-2147621490.jpg", imageAlt: "An elegant engraved photo frame."},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Unique Desk Organizer",
|
||||
price: "₹749",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-school-supplies_23-2148913554.jpg",
|
||||
imageAlt: "A creative and personalized desk organizer.",
|
||||
},
|
||||
id: "p6", name: "Unique Desk Organizer", price: "₹749", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-school-supplies_23-2148913554.jpg", imageAlt: "A creative and personalized desk organizer."},
|
||||
]}
|
||||
title="Discover Marvellous Gifts"
|
||||
description="Browse our hand-picked selection of gifts perfect for birthdays, anniversaries, holidays, or just because."
|
||||
@@ -216,50 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Impressive Quality & Service!",
|
||||
quote: "I recently ordered a men's purse from this page, and I was impressed with the quality of the product. The service was excellent, and the delivery was timely. I highly recommend this page to all of my friends and family.",
|
||||
name: "Swathi Krishnaswamy",
|
||||
role: "Satisfied Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-pink-sweater-expressing-happiness-while-holding-gift-box_181624-27489.jpg",
|
||||
imageAlt: "Swathi Krishnaswamy",
|
||||
},
|
||||
id: "t1", title: "Impressive Quality & Service!", quote: "I recently ordered a men's purse from this page, and I was impressed with the quality of the product. The service was excellent, and the delivery was timely. I highly recommend this page to all of my friends and family.", name: "Swathi Krishnaswamy", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-female-pink-sweater-expressing-happiness-while-holding-gift-box_181624-27489.jpg", imageAlt: "Swathi Krishnaswamy"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Excellent Experience!",
|
||||
quote: "I have a very good experience. Very nice bottle with my name. Thank you so much Marvellous Gifts.",
|
||||
name: "Rohit Soni",
|
||||
role: "Valued Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-shopping-bags_23-2148225670.jpg",
|
||||
imageAlt: "Rohit Soni",
|
||||
},
|
||||
id: "t2", title: "Excellent Experience!", quote: "I have a very good experience. Very nice bottle with my name. Thank you so much Marvellous Gifts.", name: "Rohit Soni", role: "Valued Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-with-shopping-bags_23-2148225670.jpg", imageAlt: "Rohit Soni"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Amazing Products, Highly Recommend!",
|
||||
quote: "Thank you so much for Amazing products. Anyone can order without any doubt. Soooo... Go for it!",
|
||||
name: "Geetu Devnath ShreeKR",
|
||||
role: "Delighted Shopper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg",
|
||||
imageAlt: "Geetu Devnath ShreeKR",
|
||||
},
|
||||
id: "t3", title: "Amazing Products, Highly Recommend!", quote: "Thank you so much for Amazing products. Anyone can order without any doubt. Soooo... Go for it!", name: "Geetu Devnath ShreeKR", role: "Delighted Shopper", imageSrc: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg", imageAlt: "Geetu Devnath ShreeKR"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Perfect for Every Occasion",
|
||||
quote: "Marvellous Gifts consistently delivers unique and thoughtful presents. Their customization options are fantastic, making every gift truly special. Always my go-to!",
|
||||
name: "Priya Sharma",
|
||||
role: "Regular Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-sexy-smiling-hipster-girls-wigs-red-lips-beautiful-trendy-women-summer-clothes-carefree-models-posing-near-white-wall-studio-shows-peace-sign_158538-15390.jpg",
|
||||
imageAlt: "Priya Sharma",
|
||||
},
|
||||
id: "t4", title: "Perfect for Every Occasion", quote: "Marvellous Gifts consistently delivers unique and thoughtful presents. Their customization options are fantastic, making every gift truly special. Always my go-to!", name: "Priya Sharma", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/two-young-sexy-smiling-hipster-girls-wigs-red-lips-beautiful-trendy-women-summer-clothes-carefree-models-posing-near-white-wall-studio-shows-peace-sign_158538-15390.jpg", imageAlt: "Priya Sharma"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Beyond Expectations!",
|
||||
quote: "The gift hamper I ordered was even better than expected. The quality of products and the beautiful presentation made it a huge hit. Fantastic service from start to finish.",
|
||||
name: "Ananya Singh",
|
||||
role: "Happy Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-model-holding-red-gift-box_114579-18610.jpg",
|
||||
imageAlt: "Ananya Singh",
|
||||
},
|
||||
id: "t5", title: "Beyond Expectations!", quote: "The gift hamper I ordered was even better than expected. The quality of products and the beautiful presentation made it a huge hit. Fantastic service from start to finish.", name: "Ananya Singh", role: "Happy Client", imageSrc: "http://img.b2bpic.net/free-photo/young-model-holding-red-gift-box_114579-18610.jpg", imageAlt: "Ananya Singh"},
|
||||
]}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="Don't just take our word for it – see what our wonderful customers have to say about their Marvellous Gifts experience!"
|
||||
@@ -272,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Wedding Planners Guild",
|
||||
"Corporate Celebrations Co.",
|
||||
"Ahmedabad Business Hub",
|
||||
"Festival Organizers India",
|
||||
"E-commerce Retailers Alliance",
|
||||
"Local Charities Network",
|
||||
"Artisan Market Collective",
|
||||
]}
|
||||
"Wedding Planners Guild", "Corporate Celebrations Co.", "Ahmedabad Business Hub", "Festival Organizers India", "E-commerce Retailers Alliance", "Local Charities Network", "Artisan Market Collective"]}
|
||||
title="Trusted by Many"
|
||||
description="We're proud to collaborate with local businesses and deliver smiles to their teams and clients."
|
||||
tag="Our Partners"
|
||||
@@ -291,25 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What kind of gifts do you offer?",
|
||||
content: "We offer a wide range of personalized gifts, including custom mugs, wallets, hampers, hoodies, and unique decorative items for all occasions.",
|
||||
},
|
||||
id: "faq1", title: "What kind of gifts do you offer?", content: "We offer a wide range of personalized gifts, including custom mugs, wallets, hampers, hoodies, and unique decorative items for all occasions."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer customization services?",
|
||||
content: "Yes, we specialize in personalized gifts! You can customize many of our products with names, photos, or special messages. Contact us for bespoke requests.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer customization services?", content: "Yes, we specialize in personalized gifts! You can customize many of our products with names, photos, or special messages. Contact us for bespoke requests."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What are your delivery options?",
|
||||
content: "We offer in-store pickup, local delivery, and expedited shipping services. Delivery times and charges vary based on location and order size.",
|
||||
},
|
||||
id: "faq3", title: "What are your delivery options?", content: "We offer in-store pickup, local delivery, and expedited shipping services. Delivery times and charges vary based on location and order size."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "How can I track my order?",
|
||||
content: "Once your order is dispatched, you will receive a tracking number via email or SMS. You can use this to monitor your delivery status online.",
|
||||
},
|
||||
id: "faq4", title: "How can I track my order?", content: "Once your order is dispatched, you will receive a tracking number via email or SMS. You can use this to monitor your delivery status online."},
|
||||
]}
|
||||
sideTitle="Your Questions, Our Answers"
|
||||
sideDescription="Find quick answers to the most common questions about our gifts, services, and policies."
|
||||
@@ -322,20 +197,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Create Something Marvellous"
|
||||
description="Have a question, special request, or need help finding the perfect gift? Our team is here to assist you. Reach out today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us: +91 98765 43210",
|
||||
href: "tel:+919876543210",
|
||||
},
|
||||
text: "Call Us: +91 98765 43210", href: "tel:+919876543210"},
|
||||
{
|
||||
text: "Email Us: info@marvellousgifts.com",
|
||||
href: "mailto:info@marvellousgifts.com",
|
||||
},
|
||||
text: "Email Us: info@marvellousgifts.com", href: "mailto:info@marvellousgifts.com"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -346,62 +216,37 @@ export default function LandingPage() {
|
||||
logoText="Marvellous Gifts"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Gifts",
|
||||
href: "#gifts",
|
||||
},
|
||||
label: "All Gifts", href: "#gifts"},
|
||||
{
|
||||
label: "Personalized",
|
||||
href: "#gifts",
|
||||
},
|
||||
label: "Personalized", href: "#gifts"},
|
||||
{
|
||||
label: "Gift Hampers",
|
||||
href: "#gifts",
|
||||
},
|
||||
label: "Gift Hampers", href: "#gifts"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#gifts",
|
||||
},
|
||||
label: "New Arrivals", href: "#gifts"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Customer Reviews", href: "#reviews"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Refund Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Refund Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -411,4 +256,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f7f6f7;
|
||||
--card: #ffffff;
|
||||
--foreground: #0c1325;
|
||||
--primary-cta: #0798ff;
|
||||
--primary-cta-text: #f7f6f7;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #0c1325;
|
||||
--accent: #93c7ff;
|
||||
--background-accent: #a8cde8;
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #106EFB;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #106EFB;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user