Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Search, Shield, MessageCircle, LayoutDashboard } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,92 +32,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Listings",
|
||||
id: "listings",
|
||||
},
|
||||
name: "Listings", id: "listings"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Maghreb Estate Group"
|
||||
button={{
|
||||
text: "Login",
|
||||
href: "/login",
|
||||
}}
|
||||
text: "Login", href: "/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Uw Droomhuis in Marokko"
|
||||
description="Ontdek een exclusief aanbod van riads, villa's en appartementen in de meest gewilde steden van Marokko."
|
||||
buttons={[
|
||||
{
|
||||
text: "Bekijk Aanbod",
|
||||
href: "#listings",
|
||||
},
|
||||
text: "Bekijk Aanbod", href: "#listings"},
|
||||
{
|
||||
text: "Plaats uw Vastgoed",
|
||||
href: "/sell",
|
||||
},
|
||||
text: "Plaats uw Vastgoed", href: "/sell"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o1ynv2&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o1ynv2"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ncdjsc",
|
||||
alt: "Klant 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ncdjsc", alt: "Klant 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtrjk6",
|
||||
alt: "Klant 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtrjk6", alt: "Klant 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3rl88",
|
||||
alt: "Klant 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3rl88", alt: "Klant 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hy02mi",
|
||||
alt: "Klant 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hy02mi", alt: "Klant 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wia2xg",
|
||||
alt: "Klant 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wia2xg", alt: "Klant 5"},
|
||||
]}
|
||||
avatarText="Sluit u aan bij 500+ tevreden klanten"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Casablanca",
|
||||
},
|
||||
type: "text", text: "Casablanca"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Marrakech",
|
||||
},
|
||||
type: "text", text: "Marrakech"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tangier",
|
||||
},
|
||||
type: "text", text: "Tangier"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Agadir",
|
||||
},
|
||||
type: "text", text: "Agadir"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rabat",
|
||||
},
|
||||
type: "text", text: "Rabat"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +95,13 @@ export default function LandingPage() {
|
||||
description="Maghreb Estate Group fungeert als de brug tussen dromen en realiteit. Wij combineren expertise in de Marokkaanse markt met een ongekende service voor de diaspora en internationale investeerders."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "Diepgaande kennis van de Marokkaanse markt en regelgeving.",
|
||||
},
|
||||
title: "Expertise", description: "Diepgaande kennis van de Marokkaanse markt en regelgeving."},
|
||||
{
|
||||
title: "Vertrouwen",
|
||||
description: "Wij werken transparant met gecertificeerde partners.",
|
||||
},
|
||||
title: "Vertrouwen", description: "Wij werken transparant met gecertificeerde partners."},
|
||||
{
|
||||
title: "Service",
|
||||
description: "Persoonlijke begeleiding van aankoop tot overdracht.",
|
||||
},
|
||||
title: "Service", description: "Persoonlijke begeleiding van aankoop tot overdracht."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eiw2qg&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eiw2qg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -153,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxe Villa Tangier",
|
||||
price: "€450.000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjpui5&_wi=1",
|
||||
},
|
||||
id: "1", name: "Luxe Villa Tangier", price: "€450.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjpui5"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Authentieke Riad Marrakech",
|
||||
price: "€320.000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3lgrp5&_wi=1",
|
||||
},
|
||||
id: "2", name: "Authentieke Riad Marrakech", price: "€320.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3lgrp5"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Modern Villa Tangier",
|
||||
price: "€280.000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p6xnpi",
|
||||
},
|
||||
id: "3", name: "Modern Villa Tangier", price: "€280.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p6xnpi"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Penthouse Casablanca",
|
||||
price: "€550.000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hm1d4x",
|
||||
},
|
||||
id: "4", name: "Penthouse Casablanca", price: "€550.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hm1d4x"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Villa Agadir",
|
||||
price: "€390.000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t2f5h7",
|
||||
},
|
||||
id: "5", name: "Villa Agadir", price: "€390.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t2f5h7"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Modern Appartement",
|
||||
price: "€180.000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=714l3r",
|
||||
},
|
||||
id: "6", name: "Modern Appartement", price: "€180.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=714l3r"},
|
||||
]}
|
||||
title="Uitgelichte Vastgoed"
|
||||
description="Bekijk ons aanbod van exclusieve woningen verspreid over Marokko."
|
||||
@@ -200,33 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Snelle Zoekfilters",
|
||||
description: "Vind uw woning op prijs, regio en type.",
|
||||
buttonIcon: "Search",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o1ynv2&_wi=2",
|
||||
imageAlt: "luxury riad marrakech",
|
||||
},
|
||||
title: "Snelle Zoekfilters", description: "Vind uw woning op prijs, regio en type.", buttonIcon: Search,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o1ynv2", imageAlt: "luxury riad marrakech"},
|
||||
{
|
||||
title: "Veilige Transacties",
|
||||
description: "Juridische ondersteuning bij elke stap.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eiw2qg&_wi=2",
|
||||
imageAlt: "luxury riad marrakech",
|
||||
},
|
||||
title: "Veilige Transacties", description: "Juridische ondersteuning bij elke stap.", buttonIcon: Shield,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eiw2qg", imageAlt: "luxury riad marrakech"},
|
||||
{
|
||||
title: "Persoonlijke Chat",
|
||||
description: "Direct contact met makelaars via WhatsApp.",
|
||||
buttonIcon: "MessageCircle",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjpui5&_wi=2",
|
||||
imageAlt: "luxury riad marrakech",
|
||||
},
|
||||
title: "Persoonlijke Chat", description: "Direct contact met makelaars via WhatsApp.", buttonIcon: MessageCircle,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjpui5", imageAlt: "luxury riad marrakech"},
|
||||
{
|
||||
title: "Beheer Dashboard",
|
||||
description: "Beheer eenvoudig uw eigen listings.",
|
||||
buttonIcon: "LayoutDashboard",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3lgrp5&_wi=2",
|
||||
imageAlt: "luxury riad marrakech",
|
||||
},
|
||||
title: "Beheer Dashboard", description: "Beheer eenvoudig uw eigen listings.", buttonIcon: LayoutDashboard,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3lgrp5", imageAlt: "luxury riad marrakech"},
|
||||
]}
|
||||
title="Waarom voor ons kiezen?"
|
||||
description="Wij bieden de beste services voor een zorgeloze vastgoedtransactie."
|
||||
@@ -240,40 +160,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Youssef El-Hadi",
|
||||
handle: "@youssef_hadi",
|
||||
testimonial: "Geweldige service! Heb mijn droomhuis in Marrakech gevonden.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ncdjsc",
|
||||
},
|
||||
id: "1", name: "Youssef El-Hadi", handle: "@youssef_hadi", testimonial: "Geweldige service! Heb mijn droomhuis in Marrakech gevonden.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ncdjsc"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Benali",
|
||||
handle: "@sbenali",
|
||||
testimonial: "Zeer professioneel en transparant. De begeleiding was top!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtrjk6",
|
||||
},
|
||||
id: "2", name: "Sarah Benali", handle: "@sbenali", testimonial: "Zeer professioneel en transparant. De begeleiding was top!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dtrjk6"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Karim Mansouri",
|
||||
handle: "@kmansouri",
|
||||
testimonial: "Het platform maakt het vinden van een woning in Marokko erg makkelijk.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3rl88",
|
||||
},
|
||||
id: "3", name: "Karim Mansouri", handle: "@kmansouri", testimonial: "Het platform maakt het vinden van een woning in Marokko erg makkelijk.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l3rl88"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fatima Zohra",
|
||||
handle: "@fzohra",
|
||||
testimonial: "Superblij met mijn nieuwe villa. Bedankt!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hy02mi",
|
||||
},
|
||||
id: "4", name: "Fatima Zohra", handle: "@fzohra", testimonial: "Superblij met mijn nieuwe villa. Bedankt!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hy02mi"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ahmed Idrissi",
|
||||
handle: "@aidrissi",
|
||||
testimonial: "Betrouwbaar en deskundig. Een echte aanrader.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wia2xg",
|
||||
},
|
||||
id: "5", name: "Ahmed Idrissi", handle: "@aidrissi", testimonial: "Betrouwbaar en deskundig. Een echte aanrader.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wia2xg"},
|
||||
]}
|
||||
title="Wat onze klanten zeggen"
|
||||
description="Ervaringen van kopers en verkopers die via ons de ideale match vonden."
|
||||
@@ -285,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Hoe werkt de registratie?",
|
||||
content: "Registratie is eenvoudig via het account icoon op de homepage.",
|
||||
},
|
||||
id: "1", title: "Hoe werkt de registratie?", content: "Registratie is eenvoudig via het account icoon op de homepage."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Zijn de prijzen onderhandelbaar?",
|
||||
content: "Dit verschilt per aanbieder; direct contact opnemen via de chat is aanbevolen.",
|
||||
},
|
||||
id: "2", title: "Zijn de prijzen onderhandelbaar?", content: "Dit verschilt per aanbieder; direct contact opnemen via de chat is aanbevolen."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is juridische hulp inbegrepen?",
|
||||
content: "Wij adviseren gecertificeerde notarissen bij de aankoop.",
|
||||
},
|
||||
id: "3", title: "Is juridische hulp inbegrepen?", content: "Wij adviseren gecertificeerde notarissen bij de aankoop."},
|
||||
]}
|
||||
sideTitle="Veelgestelde vragen"
|
||||
sideDescription="Hier vind je antwoorden op de meest gestelde vragen over vastgoed in Marokko."
|
||||
@@ -310,20 +196,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact"
|
||||
title="Neem contact op"
|
||||
description="Heeft u vragen of wilt u een woning aanbieden? Ons team staat klaar om u te helpen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contacteer Ons",
|
||||
href: "mailto:info@maghrebestategroup.com",
|
||||
},
|
||||
text: "Contacteer Ons", href: "mailto:info@maghrebestategroup.com"},
|
||||
{
|
||||
text: "WhatsApp",
|
||||
href: "https://wa.me/31600000000",
|
||||
},
|
||||
text: "WhatsApp", href: "https://wa.me/31600000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -333,42 +214,27 @@ export default function LandingPage() {
|
||||
logoText="Maghreb Estate Group"
|
||||
columns={[
|
||||
{
|
||||
title: "Bedrijf",
|
||||
items: [
|
||||
title: "Bedrijf", items: [
|
||||
{
|
||||
label: "Over Ons",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Over Ons", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Diensten",
|
||||
items: [
|
||||
title: "Diensten", items: [
|
||||
{
|
||||
label: "Koop",
|
||||
href: "#listings",
|
||||
},
|
||||
label: "Koop", href: "#listings"},
|
||||
{
|
||||
label: "Verhuur",
|
||||
href: "#listings",
|
||||
},
|
||||
label: "Verhuur", href: "#listings"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Algemene Voorwaarden",
|
||||
href: "#",
|
||||
},
|
||||
label: "Algemene Voorwaarden", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user