Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Featured",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Featured", id: "#features" },
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "FAQs", id: "#faq" },
|
||||
]}
|
||||
brandName="GiftChoice"
|
||||
/>
|
||||
@@ -62,71 +47,21 @@ export default function LandingPage() {
|
||||
title="The Gift of Perfect Choice"
|
||||
description="Unlock effortless gifting for every occasion. Give your loved ones the freedom to choose exactly what they want, delivered instantly."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "Finally, a way to give gifts without the stress of guessing. My friends love the freedom!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-excited-happy-goodlooking-blond-female-recommend-bank-smiling-amazed-holding_1258-93479.jpg",
|
||||
},
|
||||
{
|
||||
name: "James Chen",
|
||||
handle: "@j_chen",
|
||||
testimonial: "Instant delivery is a life-saver for holidays. The best gifting platform I've used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-xmas-present-bank-card-yellow-background_179666-27475.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_rod",
|
||||
testimonial: "Truly effortless. The personal message feature added such a special touch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrapped-gift-box-with-inscription_23-2148214732.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim_design",
|
||||
testimonial: "The one4all cards are a game-changer for my family gifting. So convenient.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-birthday-girl-red-dress-cross-fingers-while-making-wish-blowing-candle-bday-cake-s_1258-164019.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe Davies",
|
||||
handle: "@chloed",
|
||||
testimonial: "No more wrong gifts! GiftChoice has become my go-to for every birthday.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-living-room-with-christmas-tree-presents-sofa_158595-7327.jpg",
|
||||
},
|
||||
{ name: "Sarah Miller", handle: "@sarah_m", testimonial: "Finally, a way to give gifts without the stress of guessing. My friends love the freedom!", rating: 5, imageSrc: "asset://testimonial-1" },
|
||||
{ name: "James Chen", handle: "@j_chen", testimonial: "Instant delivery is a life-saver for holidays. The best gifting platform I've used.", rating: 5, imageSrc: "asset://testimonial-2" },
|
||||
{ name: "Elena Rodriguez", handle: "@elena_rod", testimonial: "Truly effortless. The personal message feature added such a special touch.", rating: 5, imageSrc: "asset://testimonial-3" },
|
||||
{ name: "David Kim", handle: "@dkim_design", testimonial: "The one4all cards are a game-changer for my family gifting. So convenient.", rating: 5, imageSrc: "asset://testimonial-4" },
|
||||
{ name: "Chloe Davies", handle: "@chloed", testimonial: "No more wrong gifts! GiftChoice has become my go-to for every birthday.", rating: 5, imageSrc: "asset://testimonial-5" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Gifting",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gift-card-voucher-coupon-graphic-concept_53876-120874.jpg?_wi=1"
|
||||
buttons={[{ text: "Start Gifting", href: "#products" }]}
|
||||
imageSrc="asset://hero-main"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-friday-credit-card_187299-45817.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delighted-tender-glamour-blond-woman-silver-stylish-glittering-dress-brilliand-earrings-holding-s_1258-134844.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-woman-holding-credit-card-talking-phone_23-2148567234.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girls-have-fun-with-presents_1157-29419.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "asset://gen-stock-rsv-0", alt: "Customer 1" },
|
||||
{ src: "asset://gen-stock-rsv-1", alt: "Customer 2" },
|
||||
{ src: "asset://gen-stock-rsv-2", alt: "Customer 3" },
|
||||
{ src: "asset://gen-stock-rsv-3", alt: "Customer 4" },
|
||||
{ src: "asset://gen-stock-rsv-4", alt: "Customer 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,9 +71,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="About GiftChoice"
|
||||
description={[
|
||||
"We believe gifting should be effortless and joy-filled. We've replaced the stress of returns and wrong gifts with the simplicity of choice.",
|
||||
"Our platform is designed to put thoughtfulness at the center of every gift. No expiry dates, no hassle—just a world of options for the ones you care about most.",
|
||||
]}
|
||||
"We believe gifting should be effortless and joy-filled. We've replaced the stress of returns and wrong gifts with the simplicity of choice.", "Our platform is designed to put thoughtfulness at the center of every gift. No expiry dates, no hassle—just a world of options for the ones you care about most."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -148,30 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Digital Delivery",
|
||||
description: "Gift cards delivered directly to their inbox in seconds.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-cute-daughter-near-christmas-tree_1157-28665.jpg",
|
||||
imageAlt: "gift giving concept lifestyle",
|
||||
},
|
||||
{
|
||||
title: "Unlimited Flexibility",
|
||||
description: "No expiry dates, ensuring your gift is always valid.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Repeat,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gift-card-voucher-coupon-graphic-concept_53876-120874.jpg?_wi=2",
|
||||
imageAlt: "gift giving concept lifestyle",
|
||||
},
|
||||
{
|
||||
title: "Easy Personalization",
|
||||
description: "Add a unique message to make your gift feel truly special.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-8388.jpg",
|
||||
imageAlt: "gift giving concept lifestyle",
|
||||
},
|
||||
{ title: "Fast Digital Delivery", description: "Gift cards delivered directly to their inbox in seconds.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Unlimited Flexibility", description: "No expiry dates, ensuring your gift is always valid.", bentoComponent: "reveal-icon", icon: Repeat },
|
||||
{ title: "Easy Personalization", description: "Add a unique message to make your gift feel truly special.", bentoComponent: "reveal-icon", icon: MessageCircle },
|
||||
]}
|
||||
title="Why Give With Us?"
|
||||
description="A seamless experience built for modern gifting."
|
||||
@@ -181,45 +93,16 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "One4all Multi-Brand Card",
|
||||
price: "£10 - £200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-travel-concept-with-digital-tablet_23-2149573087.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Restaurant Favourites",
|
||||
price: "£10 - £100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-gift-voucher-with-hand_23-2149243854.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gamers Favourites",
|
||||
price: "£15 - £100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-sale-copy-space-digital-horizontal-tablet_23-2148670013.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Beauty & Spa Selection",
|
||||
price: "£10 - £100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-gift-concept_23-2148102947.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Entertainment Pass",
|
||||
price: "£15 - £100",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/speakeasy-bar-gift-certificate-with-discount-offer-template_23-2152027861.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Gaming Digital Card",
|
||||
price: "£10 - £100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-christmas-ornaments-black-table_24972-1316.jpg",
|
||||
},
|
||||
{ id: "1", name: "One4all Multi-Brand Card", price: "£10 - £200", imageSrc: "asset://product-card" },
|
||||
{ id: "2", name: "Restaurant Favourites", price: "£10 - £100", imageSrc: "asset://product-card__2" },
|
||||
{ id: "3", name: "Gamers Favourites", price: "£15 - £100", imageSrc: "asset://product-card__3" },
|
||||
{ id: "4", name: "Beauty & Spa Selection", price: "£10 - £100", imageSrc: "asset://product-card__4" },
|
||||
{ id: "5", name: "Entertainment Pass", price: "£15 - £100", imageSrc: "asset://product-card__5" },
|
||||
{ id: "6", name: "Gaming Digital Card", price: "£10 - £100", imageSrc: "asset://product-card__6" },
|
||||
]}
|
||||
title="Shop Our Favorites"
|
||||
description="From gaming to beauty, find the perfect card for everyone."
|
||||
@@ -232,36 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "24/7",
|
||||
title: "Support Available",
|
||||
items: [
|
||||
"Always here for help",
|
||||
"Email support",
|
||||
"Live help available",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100%",
|
||||
title: "Gift Choice",
|
||||
items: [
|
||||
"Freedom of options",
|
||||
"Recipient flexibility",
|
||||
"Zero wrong gifts",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Instant",
|
||||
title: "Digital Delivery",
|
||||
items: [
|
||||
"Fast delivery",
|
||||
"No waiting",
|
||||
"Secure email",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "24/7", title: "Support Available", items: ["Always here for help", "Email support", "Live help available"] },
|
||||
{ id: "2", value: "100%", title: "Gift Choice", items: ["Freedom of options", "Recipient flexibility", "Zero wrong gifts"] },
|
||||
{ id: "3", value: "Instant", title: "Digital Delivery", items: ["Fast delivery", "No waiting", "Secure email"] },
|
||||
]}
|
||||
title="Gifting Simplified"
|
||||
description="Our numbers show why we are the go-to spot for gift cards."
|
||||
@@ -274,60 +130,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-virtual-date_23-2149296078.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-heart-shaped-present-bank-card-brown-wall_140725-152957.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birthday-present-gift-with-wishing-card-celebration-party_53876-167119.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-black-friday-sale-kissing-gesture-copy-space_23-2148665711.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Davies",
|
||||
role: "Founder",
|
||||
company: "CreativeMind",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-family-enjoying-christmas-time_329181-892.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "asset://testimonial-1__2" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "asset://testimonial-2__2" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing", company: "GrowthCo", rating: 5, imageSrc: "asset://testimonial-3__2" },
|
||||
{ id: "4", name: "David Kim", role: "Product", company: "StartupXYZ", rating: 5, imageSrc: "asset://testimonial-4__2" },
|
||||
{ id: "5", name: "Chloe Davies", role: "Founder", company: "CreativeMind", rating: 5, imageSrc: "asset://testimonial-5__2" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500k+",
|
||||
label: "Cards Sent",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Partners",
|
||||
},
|
||||
{ value: "500k+", label: "Cards Sent" },
|
||||
{ value: "99%", label: "Satisfaction" },
|
||||
{ value: "100+", label: "Partners" },
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Hear what our community says about their experience."
|
||||
@@ -339,26 +151,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How is the gift card delivered?",
|
||||
content: "All gift cards are delivered instantly via email.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do gift cards expire?",
|
||||
content: "No, our gift cards have no expiry dates.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I add a personalized message?",
|
||||
content: "Absolutely! You can add a special message during checkout.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "What retailers support One4all?",
|
||||
content: "One4all cards are usable online or in-store at numerous major retailers.",
|
||||
},
|
||||
{ id: "1", title: "How is the gift card delivered?", content: "All gift cards are delivered instantly via email." },
|
||||
{ id: "2", title: "Do gift cards expire?", content: "No, our gift cards have no expiry dates." },
|
||||
{ id: "3", title: "Can I add a personalized message?", content: "Absolutely! You can add a special message during checkout." },
|
||||
{ id: "4", title: "What retailers support One4all?", content: "One4all cards are usable online or in-store at numerous major retailers." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Need assistance? Find answers below."
|
||||
@@ -372,68 +168,20 @@ export default function LandingPage() {
|
||||
title="Need Help? Get in Touch"
|
||||
description="Our team is available Mon-Sun, 8am-8pm, to ensure your gifting experience is seamless."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-desktop-with-futuristic-software-tools-shows-live-ai-brain-processing_482257-126206.jpg"
|
||||
textarea={{ name: "message", placeholder: "How can we help you?" }}
|
||||
imageSrc="asset://contact-bg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "One4all Cards",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Gaming Cards",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "FAQs", href: "#faq" }, { label: "Support", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms & Conditions", href: "#" }] },
|
||||
{ items: [{ label: "One4all Cards", href: "#products" }, { label: "Gaming Cards", href: "#products" }] },
|
||||
]}
|
||||
logoText="GiftChoice"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user