Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -32,135 +32,60 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Cities",
|
||||
id: "#cities",
|
||||
},
|
||||
name: "Cities", id: "#cities"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "#partners",
|
||||
},
|
||||
name: "Partners", id: "#partners"},
|
||||
]}
|
||||
brandName="SAVAD"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The Student Super App for Belgium"
|
||||
description="Savad.eu helps international students navigate Belgian life — from housing and banking to transport and social life. Everything you need, in one place, in your language."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amusement-browser-techie-wifi-cloud_53876-21331.jpg?_wi=1",
|
||||
imageAlt: "modern digital ecosystem tech interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336579.jpg?_wi=1",
|
||||
imageAlt: "3d abstract dashboard glassmorphism",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-cube-shapes-sculpture_23-2150979722.jpg?_wi=1",
|
||||
imageAlt: "connected campus tech aesthetic",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499127.jpg",
|
||||
imageAlt: "abstract 3d unification of services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-miniature-world_23-2150880039.jpg",
|
||||
imageAlt: "stylized smart city campus pathway",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/amusement-browser-techie-wifi-cloud_53876-21331.jpg", imageAlt: "modern digital ecosystem tech interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336579.jpg", imageAlt: "3d abstract dashboard glassmorphism" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-cube-shapes-sculpture_23-2150979722.jpg", imageAlt: "connected campus tech aesthetic" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499127.jpg", imageAlt: "abstract 3d unification of services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rendering-miniature-world_23-2150880039.jpg", imageAlt: "stylized smart city campus pathway" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121371.jpg",
|
||||
imageAlt: "abstract network growth tech visual",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg",
|
||||
imageAlt: "abstract network growth tech visual",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-lady-reading-book-near-wall_23-2147860715.jpg",
|
||||
imageAlt: "stylized smart city campus pathway",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-creation-made-from-geometric-shapes_23-2150829321.jpg",
|
||||
imageAlt: "abstract 3d unification of services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-student-with-disability-makes-exam-preparations-university-library_482257-126459.jpg",
|
||||
imageAlt: "connected campus tech aesthetic",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-121371.jpg", imageAlt: "abstract network growth tech visual" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-low-poly-background-with-connecting-dots-lines_1048-5910.jpg", imageAlt: "abstract network growth tech visual" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-lady-reading-book-near-wall_23-2147860715.jpg", imageAlt: "stylized smart city campus pathway" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-creation-made-from-geometric-shapes_23-2150829321.jpg", imageAlt: "abstract 3d unification of services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-student-with-disability-makes-exam-preparations-university-library_482257-126459.jpg", imageAlt: "connected campus tech aesthetic" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-student-man_1194-2288.jpg",
|
||||
alt: "young student man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-yellow-background_23-2148203830.jpg",
|
||||
alt: "Portrait of schoolgirl on yellow background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-student-white-jersey-wearing-mask-backpack-holding-globe-with-headphones-blue-wall_140725-45970.jpg",
|
||||
alt: "Front view young female student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-student-red-checkered-shirt-with-backpack-holding-copybook-files-taking-selfie-blue-wall_140725-42478.jpg",
|
||||
alt: "Front view of male student",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-female-student-white-jersey-wearing-mask-backpack-holding-coffee-clock-blue-wall_140725-45942.jpg",
|
||||
alt: "Front view young female student",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-student-man_1194-2288.jpg", alt: "young student man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-schoolgirl-yellow-background_23-2148203830.jpg", alt: "Portrait of schoolgirl on yellow background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-student-white-jersey-wearing-mask-backpack-holding-globe-with-headphones-blue-wall_140725-45970.jpg", alt: "Front view young female student" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-male-student-red-checkered-shirt-with-backpack-holding-copybook-files-taking-selfie-blue-wall_140725-42478.jpg", alt: "Front view of male student" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-female-student-white-jersey-wearing-mask-backpack-holding-coffee-clock-blue-wall_140725-45942.jpg", alt: "Front view young female student" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Housing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Banking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transport",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Language",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Connectivity",
|
||||
},
|
||||
{ type: "text", text: "Housing" },
|
||||
{ type: "text", text: "Banking" },
|
||||
{ type: "text", text: "Transport" },
|
||||
{ type: "text", text: "Language" },
|
||||
{ type: "text", text: "Connectivity" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,18 +97,9 @@ export default function LandingPage() {
|
||||
title="Built for Students, by Students."
|
||||
description="Moving to a new country is hard. Finding housing, exploring Student Banking Options, getting a phone plan, navigating public transport — it shouldn't take weeks of stress. Savad.eu brings it all together in one place, in your language."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "All-in-One Platform",
|
||||
description: "Housing, banking, transport, food, discounts — every essential service curated for international students in Belgium.",
|
||||
},
|
||||
{
|
||||
title: "4 Languages",
|
||||
description: "Switch between English, Nederlands, Français and Azərbaycanca. Fully localized.",
|
||||
},
|
||||
{
|
||||
title: "Stress-Free Navigation",
|
||||
description: "Designed to simplify the complexities of settling in a new country.",
|
||||
},
|
||||
{ title: "All-in-One Platform", description: "Housing, banking, transport, food, discounts — every essential service curated for international students in Belgium." },
|
||||
{ title: "4 Languages", description: "Switch between English, Nederlands, Français and Azərbaycanca. Fully localized." },
|
||||
{ title: "Stress-Free Navigation", description: "Designed to simplify the complexities of settling in a new country." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-people-living-together_23-2149358479.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -196,38 +112,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Car,
|
||||
title: "Mobility & Transport",
|
||||
description: "Local transport passes, rental bikes, ride-sharing options and city navigation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n2x9bw",
|
||||
imageAlt: "app integration conceptual tech",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
title: "Housing Assistance",
|
||||
description: "Verified student housing listings, temporary accommodation and roommate matching.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amusement-browser-techie-wifi-cloud_53876-21331.jpg?_wi=2",
|
||||
imageAlt: "app integration conceptual tech",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wallet,
|
||||
title: "Banking & Finance",
|
||||
description: "Step-by-step guides to open a Belgian bank account with student-friendly options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336579.jpg?_wi=2",
|
||||
imageAlt: "app integration conceptual tech",
|
||||
},
|
||||
{
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
title: "Mobile Connectivity",
|
||||
description: "Compare student phone plans from Proximus, Orange, BASE and more.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-colorful-cube-shapes-sculpture_23-2150979722.jpg?_wi=2",
|
||||
imageAlt: "app integration conceptual tech",
|
||||
},
|
||||
{ bentoComponent: "reveal-icon", icon: Car, title: "Mobility & Transport", description: "Local transport passes, rental bikes, ride-sharing options and city navigation." },
|
||||
{ bentoComponent: "reveal-icon", icon: Home, title: "Housing Assistance", description: "Verified student housing listings, temporary accommodation and roommate matching." },
|
||||
{ bentoComponent: "reveal-icon", icon: Wallet, title: "Banking & Finance", description: "Step-by-step guides to open a Belgian bank account with student-friendly options." },
|
||||
{ bentoComponent: "reveal-icon", icon: Smartphone, title: "Mobile Connectivity", description: "Compare student phone plans from Proximus, Orange, BASE and more." },
|
||||
]}
|
||||
title="Key Services, One Platform"
|
||||
description="From your first day in Belgium to graduation — Savad.eu covers every essential service you need."
|
||||
@@ -240,24 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: MapPin,
|
||||
title: "Launch Cities",
|
||||
value: "5+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Briefcase,
|
||||
title: "Essential Services",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Globe,
|
||||
title: "Supported Languages",
|
||||
value: "4",
|
||||
},
|
||||
{ id: "1", icon: MapPin, title: "Launch Cities", value: "5+" },
|
||||
{ id: "2", icon: Briefcase, title: "Essential Services", value: "20+" },
|
||||
{ id: "3", icon: Globe, title: "Supported Languages", value: "4" },
|
||||
]}
|
||||
title="Scaling Belgian Student Life"
|
||||
description="Our platform is built to scale across the European student market, starting with Belgium's key hubs."
|
||||
@@ -269,12 +142,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"VUB",
|
||||
"ULB",
|
||||
"KU Leuven",
|
||||
"UGent",
|
||||
"UAntwerpen",
|
||||
]}
|
||||
"VUB", "ULB", "KU Leuven", "UGent", "UAntwerpen"]}
|
||||
title="Trusted by Institutions"
|
||||
description="Building connections with Belgium's leading universities and international communities."
|
||||
/>
|
||||
@@ -284,31 +152,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Aghasalim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952344.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ayhan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104621.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207991.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg",
|
||||
},
|
||||
{ id: "1", name: "Aghasalim", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952344.jpg" },
|
||||
{ id: "2", name: "Ayhan", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104621.jpg" },
|
||||
{ id: "3", name: "Maria", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-her-colleagues-documents_23-2149330964.jpg" },
|
||||
{ id: "4", name: "John", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207991.jpg" },
|
||||
{ id: "5", name: "Elena", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797710.jpg" },
|
||||
]}
|
||||
cardTitle="What Students Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -320,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Make Belgium Feel Like Home?"
|
||||
description="Whether you're a student arriving in Belgium or a local business wanting to reach the student community — we'd love to hear from you."
|
||||
@@ -333,50 +180,23 @@ export default function LandingPage() {
|
||||
logoText="SAVAD"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Founders",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Roadmap",
|
||||
href: "#",
|
||||
},
|
||||
title: "Platform", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Founders", href: "#" },
|
||||
{ label: "Roadmap", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Housing",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Banking",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Transport",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Housing", href: "#features" },
|
||||
{ label: "Banking", href: "#features" },
|
||||
{ label: "Transport", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Partners",
|
||||
items: [
|
||||
{
|
||||
label: "For Businesses",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "For Universities",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Partners", items: [
|
||||
{ label: "For Businesses", href: "#contact" },
|
||||
{ label: "For Universities", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user