bender/a69f47b2-aead-4def-b223-346eafcab8bf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-28 04:01:02 +00:00
parent 445974b322
commit eefb8df276
1 changed files with 143 additions and 365 deletions
Download Patch File Download Diff File Expand all files Collapse all files

508
src/app/page.tsx
View File

@@ -28,380 +28,158 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Hampers",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Style Bundle"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Hampers", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Style Bundle"
button={{ text: "Contact Us", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
title="Delivering Joy to Your Corporate Partners"
description="We help companies strengthen relationships through beautifully designed, high-quality gift hampers. Your brand, their experience."
testimonials={[
{
name: "Sarah J.",
handle: "@ForwoodSafety",
testimonial: "The quality of the coffee mug and snacks was exceptional. Our 50 employees were thrilled.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-thumbs-up_23-2149008927.jpg",
},
{
name: "Keiran D.",
handle: "@Client",
testimonial: "Hampers look amazing and the branding effort was evident. Excellent experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-office_1098-3794.jpg",
},
{
name: "Carla P.",
handle: "@Client",
testimonial: "They truly go out of their way to help you. Kirsty was amazing!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-ambitious-hr-manager-choosing-you_1262-19137.jpg",
},
{
name: "David M.",
handle: "@HRLead",
testimonial: "High quality gifts and perfect service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg",
},
{
name: "Lisa B.",
handle: "@BusinessOwner",
testimonial: "Our team loved the hampers, great branding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg",
},
]}
buttons={[
{
text: "Shop Hampers",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-view-gift-box-with-macarons-cookies-cup-coffee-icy-dark-background_140725-143697.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/okay-bad-portrait-satisfied-pleased-female-customer-recommending-showing-ok-gesture-smiling-pleased-excellent-awesome-work_176420-44556.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg",
alt: "Satisfied client",
},
{
src: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
alt: "Satisfied client",
},
]}
marqueeItems={[
{
type: "text",
text: "Premium Packaging",
},
{
type: "text",
text: "Fast Delivery",
},
{
type: "text",
text: "Custom Branding",
},
{
type: "text",
text: "Curated Snacks",
},
{
type: "text",
text: "Corporate Experts",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
title="Delivering Joy to Your Corporate Partners"
description="We help companies strengthen relationships through beautifully designed, high-quality gift hampers. Your brand, their experience."
testimonials={[
{ name: "Sarah J.", handle: "@ForwoodSafety", testimonial: "The quality of the coffee mug and snacks was exceptional. Our 50 employees were thrilled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-thumbs-up_23-2149008927.jpg" },
{ name: "Keiran D.", handle: "@Client", testimonial: "Hampers look amazing and the branding effort was evident. Excellent experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxed-man-office_1098-3794.jpg" },
{ name: "Carla P.", handle: "@Client", testimonial: "They truly go out of their way to help you. Kirsty was amazing!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-ambitious-hr-manager-choosing-you_1262-19137.jpg" },
{ name: "David M.", handle: "@HRLead", testimonial: "High quality gifts and perfect service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3666.jpg" },
{ name: "Lisa B.", handle: "@BusinessOwner", testimonial: "Our team loved the hampers, great branding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-charming-delighted-cute-female-customer-give-positive-feedback-show-thumbsup-like-gesture-smiling-broadly-agree-recommend-perfect-product-skincare-standing-satisfied-orange-background_1258-308855.jpg" },
]}
buttons={[{ text: "Shop Hampers", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/vertical-view-gift-box-with-macarons-cookies-cup-coffee-icy-dark-background_140725-143697.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/okay-bad-portrait-satisfied-pleased-female-customer-recommending-showing-ok-gesture-smiling-pleased-excellent-awesome-work_176420-44556.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/young-businesswoman-prepared-meeting_1098-2188.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling_1262-21181.jpg", alt: "Satisfied client" },
{ src: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", alt: "Satisfied client" },
]}
marqueeItems={[
{ type: "text", text: "Premium Packaging" },
{ type: "text", text: "Fast Delivery" },
{ type: "text", text: "Custom Branding" },
{ type: "text", text: "Curated Snacks" },
{ type: "text", text: "Corporate Experts" },
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Small Team, Mighty Impact"
buttons={[
{
text: "Our Story",
href: "#about",
},
]}
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={true}
title="Small Team, Mighty Impact"
buttons={[{ text: "Our Story", href: "#about" }]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Mug Set",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-event-with-creative-mug_23-2148510783.jpg",
},
{
id: "p2",
name: "Artisan Snack Box",
price: "$65",
imageSrc: "http://img.b2bpic.net/free-photo/view-colorful-eyeshadow-arrangement_23-2150252023.jpg",
},
{
id: "p3",
name: "Executive Notebook",
price: "$35",
imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-paper-clips-top-view_23-2149740053.jpg",
},
{
id: "p4",
name: "Ceramic Tea Set",
price: "$75",
imageSrc: "http://img.b2bpic.net/free-photo/teapot-near-cups_23-2147809276.jpg",
},
{
id: "p5",
name: "Deluxe Choco Box",
price: "$55",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg",
},
{
id: "p6",
name: "Desk Accessory Kit",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/notebook-list-background-office-mail_1112-1012.jpg",
},
]}
title="Curated Corporate Hampers"
description="Premium gifts designed to brighten your recipients' day and reinforce your professional branding."
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split-description"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Signature Mug Set", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-event-with-creative-mug_23-2148510783.jpg" },
{ id: "p2", name: "Artisan Snack Box", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/view-colorful-eyeshadow-arrangement_23-2150252023.jpg" },
{ id: "p3", name: "Executive Notebook", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/bullet-journal-paper-clips-top-view_23-2149740053.jpg" },
{ id: "p4", name: "Ceramic Tea Set", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/teapot-near-cups_23-2147809276.jpg" },
{ id: "p5", name: "Deluxe Choco Box", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-biscuits-as-present-with-note-dark-background-ring-marriage-feeling-couple-love-color-gift-female_140725-156511.jpg" },
{ id: "p6", name: "Desk Accessory Kit", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/notebook-list-background-office-mail_1112-1012.jpg" },
]}
title="Curated Corporate Hampers"
description="Premium gifts designed to brighten your recipients' day and reinforce your professional branding."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100%",
title: "Client Satisfaction",
items: [
"Consistent quality",
"Timely delivery",
],
},
{
id: "m2",
value: "500+",
title: "Corporate Hampers",
items: [
"Designed and delivered",
"Custom branding",
],
},
{
id: "m3",
value: "4.9/5",
title: "Average Rating",
items: [
"Over 27+ reviews",
"Highly recommended",
],
},
]}
title="Delivering Excellence"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "100%", title: "Client Satisfaction", items: ["Consistent quality", "Timely delivery"] },
{ id: "m2", value: "500+", title: "Corporate Hampers", items: ["Designed and delivered", "Custom branding"] },
{ id: "m3", value: "4.9/5", title: "Average Rating", items: ["Over 27+ reviews", "Highly recommended"] },
]}
title="Delivering Excellence"
description="We take pride in our service and the results we deliver to our corporate clients every single day."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@ForwoodSafety",
testimonial: "Amazing service & quality products, we will definitely be ordering again!",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-taking-break_1139-421.jpg",
},
{
id: "t2",
name: "Keiran D.",
handle: "@CorporateClient",
testimonial: "The hampers look amazing and the branding is perfect.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg",
},
{
id: "t3",
name: "Carla P.",
handle: "@Client",
testimonial: "Can’t recommend style bundle enough! Truly go out of their way to help.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109525.jpg",
},
{
id: "t4",
name: "David M.",
handle: "@HRLead",
testimonial: "Very high quality and excellent service, will buy again.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-gift_1368-9044.jpg",
},
{
id: "t5",
name: "Lisa B.",
handle: "@BusinessOwner",
testimonial: "Brightened our day and strengthened our team relationships.",
imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-having-meeting-modern-office_23-2151962546.jpg",
},
]}
title="Loved by Clients"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", handle: "@ForwoodSafety", testimonial: "Amazing service & quality products, we will definitely be ordering again!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-taking-break_1139-421.jpg" },
{ id: "t2", name: "Keiran D.", handle: "@CorporateClient", testimonial: "The hampers look amazing and the branding is perfect.", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-colleagues-hugging_1262-21066.jpg" },
{ id: "t3", name: "Carla P.", handle: "@Client", testimonial: "Can’t recommend style bundle enough! Truly go out of their way to help.", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109525.jpg" },
{ id: "t4", name: "David M.", handle: "@HRLead", testimonial: "Very high quality and excellent service, will buy again.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-gift_1368-9044.jpg" },
{ id: "t5", name: "Lisa B.", handle: "@BusinessOwner", testimonial: "Brightened our day and strengthened our team relationships.", imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-having-meeting-modern-office_23-2151962546.jpg" },
]}
title="Loved by Clients"
description="Our clients trust us to deliver exceptional experiences, one hamper at a time."
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Forwood Safety",
"GrowthCorp",
"InnovateLab",
"SafetyFirst",
"GlobalConnect",
"DesignWorks",
"EcoSolutions",
]}
title="Trusted Partners"
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Forwood Safety", "GrowthCorp", "InnovateLab", "SafetyFirst", "GlobalConnect", "DesignWorks", "EcoSolutions"]}
title="Trusted Partners"
description="Working with industry leaders to deliver top-tier corporate gifting solutions."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer corporate branding?",
content: "Yes, we specialize in high-quality branding for hampers including mugs, cards, and custom gift boxes.",
},
{
id: "f2",
title: "What is the turnaround time?",
content: "We aim for fast turnaround and will discuss timelines during consultation to ensure your gifts arrive on schedule.",
},
{
id: "f3",
title: "Can I request custom hampers?",
content: "Absolutely! We work with you to curate the perfect gift based on your specific requirements and budget.",
},
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer corporate branding?", content: "Yes, we specialize in high-quality branding for hampers including mugs, cards, and custom gift boxes." },
{ id: "f2", title: "What is the turnaround time?", content: "We aim for fast turnaround and will discuss timelines during consultation to ensure your gifts arrive on schedule." },
{ id: "f3", title: "Can I request custom hampers?", content: "Absolutely! We work with you to curate the perfect gift based on your specific requirements and budget." },
]}
sideTitle="Frequently Asked Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Let's Get Started"
title="Ready to send the perfect corporate gift?"
description="Reach out to our friendly team for a custom quote on your corporate branding and hamper requirements."
imageSrc="http://img.b2bpic.net/free-photo/background-wall-concept-with-copy-space_23-2148801268.jpg"
mediaPosition="right"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Let's Get Started"
title="Ready to send the perfect corporate gift?"
description="Reach out to our friendly team for a custom quote on your corporate branding and hamper requirements."
imageSrc="http://img.b2bpic.net/free-photo/background-wall-concept-with-copy-space_23-2148801268.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Style Bundle"
columns={[
{
title: "Products",
items: [
{
label: "All Hampers",
href: "#products",
},
{
label: "Corporate Gifts",
href: "#products",
},
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
copyrightText="© 2024 Style Bundle Pty Ltd"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Style Bundle"
columns={[
{ title: "Products", items: [{ label: "All Hampers", href: "#products" }, { label: "Corporate Gifts", href: "#products" }] },
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
copyrightText="© 2024 Style Bundle Pty Ltd"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}