Merge version_2 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -30,25 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Festival Package",
|
||||
id: "/festival-package",
|
||||
},
|
||||
name: "Festival Package", id: "#hero"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
name: "Future Packages", id: "#future-packages-teaser"},
|
||||
{
|
||||
name: "Future Packages",
|
||||
id: "/future-packages",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "#contact-cta"},
|
||||
]}
|
||||
brandName="Hulppakketten.nl"
|
||||
/>
|
||||
@@ -58,52 +46,26 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="Everything you need, in one package."
|
||||
description="Hulppakketten.nl helps you save time and money. Our first product is the Festival Help Package: a complete small bag with earplugs, a poncho, mini deodorant, a powerbank and paracetamol. Everything you need for a great festival day."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj_fest",
|
||||
testimonial: "This package saved my festival! Had everything I forgot, super handy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-girl-making-hand-gestures_23-2150809628.jpg",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj_fest", testimonial: "This package saved my festival! Had everything I forgot, super handy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-girl-making-hand-gestures_23-2150809628.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
name: "Mike L.",
|
||||
handle: "@mikel_vibes",
|
||||
testimonial: "Worth every euro. No more running around for essentials. Just pure fun!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-covered-with-holi-powder-looking-away_23-2148129364.jpg",
|
||||
imageAlt: "Mike L.",
|
||||
},
|
||||
name: "Mike L.", handle: "@mikel_vibes", testimonial: "Worth every euro. No more running around for essentials. Just pure fun!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-covered-with-holi-powder-looking-away_23-2148129364.jpg", imageAlt: "Mike L."},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily.rave",
|
||||
testimonial: "Compact, complete, and cool! The earplugs were a lifesaver.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-pink-sunglasses-making-selfie-blithesome-girl-straw-hat-posing-with-tongue-out-near-disco-balls_197531-9586.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
name: "Emily R.", handle: "@emily.rave", testimonial: "Compact, complete, and cool! The earplugs were a lifesaver.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-pink-sunglasses-making-selfie-blithesome-girl-straw-hat-posing-with-tongue-out-near-disco-balls_197531-9586.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@dave.dj",
|
||||
testimonial: "Got this as a gift, now I can't imagine a festival without it. Brilliant idea!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-shopaholic-man-park_1098-21785.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
name: "David K.", handle: "@dave.dj", testimonial: "Got this as a gift, now I can't imagine a festival without it. Brilliant idea!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-shopaholic-man-park_1098-21785.jpg", imageAlt: "David K."},
|
||||
{
|
||||
name: "Lisa G.",
|
||||
handle: "@lisa_gigs",
|
||||
testimonial: "Super practical! The powerbank was clutch, and it fit perfectly in my small bag.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/festa-junina-blonde-cute-girl-straw-hat-brazilian-festival-with-colorful-flags-showing-ok-sign_140725-165061.jpg",
|
||||
imageAlt: "Lisa G.",
|
||||
},
|
||||
name: "Lisa G.", handle: "@lisa_gigs", testimonial: "Super practical! The powerbank was clutch, and it fit perfectly in my small bag.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/festa-junina-blonde-cute-girl-straw-hat-brazilian-festival-with-colorful-flags-showing-ok-sign_140725-165061.jpg", imageAlt: "Lisa G."},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
tag="Smart, Affordable & Always Prepared"
|
||||
@@ -111,36 +73,22 @@ export default function LandingPage() {
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "/festival-package#order",
|
||||
},
|
||||
text: "Order Now", href: "#contact-cta"},
|
||||
{
|
||||
text: "View Package",
|
||||
href: "/festival-package",
|
||||
},
|
||||
text: "View Package", href: "#hero"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-talking-casually-enjoy-fine-summer-sunny-day-standing-orange-background-delighted-relaxed_1258-308423.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-feminine-pretty-redhead-caucasian-female-sibling-smiling-broadly-have-perfect-happy-mood-talking-casually-enjoy-fine-summer-sunny-day-standing-orange-background-delighted-relaxed_1258-308423.jpg", alt: "Happy customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-person-winter-time_23-2149287033.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-person-winter-time_23-2149287033.jpg", alt: "Happy customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", alt: "Happy customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-cheerful-woman-with-combed-curly-hair-bites-lips-looks-gladfully-hesitates-about-something-stands-against-purple-background-looks-happily_273609-34172.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-cheerful-woman-with-combed-curly-hair-bites-lips-looks-gladfully-hesitates-about-something-stands-against-purple-background-looks-happily_273609-34172.jpg", alt: "Happy customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21890.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21890.jpg", alt: "Happy customer 5"},
|
||||
]}
|
||||
avatarText="Loved by festival-goers"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571477.jpg"
|
||||
@@ -149,26 +97,16 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Time-saving convenience",
|
||||
type: "text", text: "Time-saving convenience"},
|
||||
{
|
||||
type: "text", text: "Festival-proof essentials"},
|
||||
{
|
||||
type: "text-icon", text: "Affordable solutions", icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Festival-proof essentials",
|
||||
},
|
||||
type: "text", text: "Compact & organized"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Affordable solutions",
|
||||
icon: DollarSign,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Compact & organized",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Peace of mind",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Peace of mind", icon: Heart,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -181,19 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Wasting time searching for essentials",
|
||||
"Overpaying for individual items",
|
||||
"Carrying bulky, unorganized gear",
|
||||
"Forgetting crucial items last minute",
|
||||
],
|
||||
"Wasting time searching for essentials", "Overpaying for individual items", "Carrying bulky, unorganized gear", "Forgetting crucial items last minute"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Save time, grab and go",
|
||||
"Significantly cheaper than buying separately",
|
||||
"Compact and perfectly organized",
|
||||
"All essentials in one handy package",
|
||||
],
|
||||
"Save time, grab and go", "Significantly cheaper than buying separately", "Compact and perfectly organized", "All essentials in one handy package"],
|
||||
}}
|
||||
title="Why Choose Hulppakketten.nl?"
|
||||
description="Our packages are designed for your convenience, offering incredible value and peace of mind."
|
||||
@@ -210,37 +140,16 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "bike",
|
||||
name: "Bike Commuter Package",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-bike-parts_23-2148932657.jpg",
|
||||
imageAlt: "Bike help package",
|
||||
priceButtonProps: {
|
||||
text: "Learn More",
|
||||
href: "/future-packages",
|
||||
},
|
||||
id: "bike", name: "Bike Commuter Package", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-bike-parts_23-2148932657.jpg", imageAlt: "Bike help package", priceButtonProps: {
|
||||
text: "Learn More", href: "/future-packages"},
|
||||
},
|
||||
{
|
||||
id: "car",
|
||||
name: "Car Emergency Package",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078239.jpg",
|
||||
imageAlt: "Car help package",
|
||||
priceButtonProps: {
|
||||
text: "Learn More",
|
||||
href: "/future-packages",
|
||||
},
|
||||
id: "car", name: "Car Emergency Package", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078239.jpg", imageAlt: "Car help package", priceButtonProps: {
|
||||
text: "Learn More", href: "/future-packages"},
|
||||
},
|
||||
{
|
||||
id: "school",
|
||||
name: "School Essentials Package",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-organizer-with-school-supplies_23-2147654392.jpg",
|
||||
imageAlt: "School help package",
|
||||
priceButtonProps: {
|
||||
text: "Learn More",
|
||||
href: "/future-packages",
|
||||
},
|
||||
id: "school", name: "School Essentials Package", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/black-organizer-with-school-supplies_23-2147654392.jpg", imageAlt: "School help package", priceButtonProps: {
|
||||
text: "Learn More", href: "/future-packages"},
|
||||
},
|
||||
]}
|
||||
title="Future Packages: Ready for Anything"
|
||||
@@ -254,43 +163,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg",
|
||||
imageAlt: "Sarah P. testimonial",
|
||||
},
|
||||
id: "1", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-afro-male-student-holding-book-hand-leaning-against-wall_23-2148093168.jpg", imageAlt: "Sarah P. testimonial"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
|
||||
imageAlt: "Mark D. testimonial",
|
||||
},
|
||||
id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg", imageAlt: "Mark D. testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg",
|
||||
imageAlt: "Jessica T. testimonial",
|
||||
},
|
||||
id: "3", name: "Jessica T.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-smiling-woman_93675-133805.jpg", imageAlt: "Jessica T. testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Kevin S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-tanned-female-model-posing-emotionally-wooden-wall-outdoor-portrait-enchanting-girl-wears-glasses_197531-10621.jpg",
|
||||
imageAlt: "Kevin S. testimonial",
|
||||
},
|
||||
id: "4", name: "Kevin S.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-tanned-female-model-posing-emotionally-wooden-wall-outdoor-portrait-enchanting-girl-wears-glasses_197531-10621.jpg", imageAlt: "Kevin S. testimonial"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Olivia M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-glasses-wear-casual-posed-outdoor-against-iron-stairs_627829-13647.jpg",
|
||||
imageAlt: "Olivia M. testimonial",
|
||||
},
|
||||
id: "5", name: "Olivia M.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-man-glasses-wear-casual-posed-outdoor-against-iron-stairs_627829-13647.jpg", imageAlt: "Olivia M. testimonial"},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Trusted by Many"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More Reviews",
|
||||
href: "#",
|
||||
},
|
||||
text: "Read More Reviews", href: "#"},
|
||||
]}
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -300,31 +187,23 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Got questions? We're here to help you find the perfect package for your needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Get in Touch", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tm8yck"
|
||||
logoAlt="Hulppakketten.nl Logo"
|
||||
logoText="Hulppakketten.nl"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
ariaLabel="Site footer with legal links"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user