Merge version_1 into main #2
@@ -6,8 +6,9 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Check, Shield } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -22,129 +23,55 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "/investments",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Investments", id: "/investments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
button={{ text: "Get In Touch", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
description="Decades of combined experience in the Mayfair property market."
|
||||
features={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "Deep market knowledge",
|
||||
buttonIcon: "Check",
|
||||
},
|
||||
{
|
||||
title: "Integrity",
|
||||
description: "Unwavering commitment to our partners",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
description="Decades of combined experience in the Mayfair property market."
|
||||
features={[
|
||||
{ title: "Expertise", description: "Deep market knowledge", buttonIcon: Check },
|
||||
{ title: "Integrity", description: "Unwavering commitment to our partners", buttonIcon: Shield }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Philosophy"
|
||||
sideDescription="Our guiding principles."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Vision",
|
||||
content: "To be the leading boutique investment office.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Philosophy"
|
||||
sideDescription="Our guiding principles."
|
||||
faqs={[
|
||||
{ id: "1", title: "Vision", content: "To be the leading boutique investment office." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "MGI Holdings",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "/investments",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "13 Hanover Square, Mayfair, London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+44 20 3982 6789",
|
||||
href: "tel:+442039826789",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
|
||||
{ title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -23,147 +23,67 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "/investments",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Investments", id: "/investments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
button={{ text: "Get In Touch", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Reach out to our Mayfair offices to discuss investment opportunities."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Reach out to our Mayfair offices to discuss investment opportunities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reach Our Team"
|
||||
description="Contact us to start a conversation."
|
||||
inputs={[
|
||||
{
|
||||
name: "Name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "Email",
|
||||
type: "email",
|
||||
placeholder: "your@email.com",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/property-exterior-day-shot-1774692662016-ad86e6b3.png?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reach Our Team"
|
||||
description="Contact us to start a conversation."
|
||||
inputs={[
|
||||
{ name: "Name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "Email", type: "email", placeholder: "your@email.com" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/property-exterior-day-shot-1774692662016-ad86e6b3.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Office Locations"
|
||||
description="Visit us in Mayfair."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "London",
|
||||
title: "Main Office",
|
||||
items: [
|
||||
"13 Hanover Square",
|
||||
"W1S 1JJ",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Office Locations"
|
||||
description="Visit us in Mayfair."
|
||||
metrics={[
|
||||
{ id: "1", value: "London", title: "Main Office", items: ["13 Hanover Square", "W1S 1JJ"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "MGI Holdings",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "/investments",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "13 Hanover Square, Mayfair, London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+44 20 3982 6789",
|
||||
href: "tel:+442039826789",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
|
||||
{ title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,7 +7,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function InvestmentsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -22,147 +22,60 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "/investments",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Investments", id: "/investments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
button={{ text: "Get In Touch", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Recent Assets"
|
||||
description="Our current portfolio showcase."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mayfair Plaza",
|
||||
price: "Commercial",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hyde Park Suites",
|
||||
price: "Hospitality",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hanover-square-office-building-1774692661191-15ad9635.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Recent Assets"
|
||||
description="Our current portfolio showcase."
|
||||
products={[
|
||||
{ id: "1", name: "Mayfair Plaza", price: "Commercial", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png" },
|
||||
{ id: "2", name: "Hyde Park Suites", price: "Hospitality", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hanover-square-office-building-1774692661191-15ad9635.png" },
|
||||
{ id: "3", name: "Commercial Block", price: "High Yield Asset", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-london-office-building-glass-1774692661059-6b3fba49.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Performance Data"
|
||||
description="Tangible results for our investors."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "12%",
|
||||
title: "Avg. Annual Return",
|
||||
items: [
|
||||
"Conservative",
|
||||
"Stable",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "£1B",
|
||||
title: "Capital Deployed",
|
||||
items: [
|
||||
"Efficient",
|
||||
"Proven",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Performance Data"
|
||||
description="Tangible results for our investors."
|
||||
metrics={[
|
||||
{ id: "1", value: "12%", title: "Avg. Annual Return", items: ["Conservative", "Stable"] },
|
||||
{ id: "2", value: "£1B", title: "Capital Deployed", items: ["Efficient", "Proven"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "MGI Holdings",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "/investments",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "13 Hanover Square, Mayfair, London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+44 20 3982 6789",
|
||||
href: "tel:+442039826789",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
|
||||
{ title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
386
src/app/page.tsx
386
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Award, Briefcase, Building, Globe, Users } from "lucide-react";
|
||||
import { Award, Briefcase, Building, Globe, Users, Search, BarChart, Eye, Shield, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,292 +26,116 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "/investments",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Investments", id: "/investments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
button={{ text: "Get In Touch", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Boutique Real Estate Opportunity-Driven Firm"
|
||||
description="MGI Holdings is a multifamily office that specialises in opportunity-led commercial and residential real estate investments."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-real-estate-property-in-london-hi-1774692666564-e97833f1.png",
|
||||
imageAlt: "Luxury Property",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-interior-design-mayfair-style-1774692662656-fa4dc832.png",
|
||||
imageAlt: "Mayfair Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/commercial-property-asset-modern-glass-f-1774692663104-0bf1ee8b.png",
|
||||
imageAlt: "Commercial Asset",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/architectural-detail-of-historic-london--1774692660668-c5fcb8f5.png",
|
||||
imageAlt: "Architecture Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-luxury-residential-building-1774692662529-b09b74f5.png",
|
||||
imageAlt: "Modern Building",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-interior-detail-1774692661171-b79ab73b.png",
|
||||
imageAlt: "Interior Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/residential-luxury-estate-1774692661979-1b26b367.png",
|
||||
imageAlt: "Residential Estate",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/property-exterior-day-shot-1774692662016-ad86e6b3.png?_wi=1",
|
||||
imageAlt: "Property Exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/high-end-luxury-building-lobby-1774692661920-1f82f169.png",
|
||||
imageAlt: "Luxury Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-office-space-interior-1774692662097-577205f1.png",
|
||||
imageAlt: "Office Space",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Opportunities",
|
||||
href: "/investments",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Boutique Real Estate Opportunity-Driven Firm"
|
||||
description="MGI Holdings is a multifamily office that specialises in opportunity-led commercial and residential real estate investments."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-real-estate-property-in-london-hi-1774692666564-e97833f1.png", imageAlt: "Luxury Property" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-interior-design-mayfair-style-1774692662656-fa4dc832.png", imageAlt: "Mayfair Interior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/commercial-property-asset-modern-glass-f-1774692663104-0bf1ee8b.png", imageAlt: "Commercial Asset" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/architectural-detail-of-historic-london--1774692660668-c5fcb8f5.png", imageAlt: "Architecture Detail" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-luxury-residential-building-1774692662529-b09b74f5.png", imageAlt: "Modern Building" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-interior-detail-1774692661171-b79ab73b.png", imageAlt: "Interior Detail" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/residential-luxury-estate-1774692661979-1b26b367.png", imageAlt: "Residential Estate" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/property-exterior-day-shot-1774692662016-ad86e6b3.png", imageAlt: "Property Exterior" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/high-end-luxury-building-lobby-1774692661920-1f82f169.png", imageAlt: "Luxury Lobby" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-office-space-interior-1774692662097-577205f1.png", imageAlt: "Office Space" }
|
||||
]}
|
||||
buttons={[{ text: "Explore Opportunities", href: "/investments" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-preview" data-section="about-preview">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Institutional Excellence in Mayfair"
|
||||
metrics={[
|
||||
{
|
||||
icon: Building,
|
||||
label: "AUM Managed",
|
||||
value: "£500M+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Track Record",
|
||||
value: "15 Years",
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "Investment Deals",
|
||||
value: "42 Deals",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "12 Cities",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-preview" data-section="about-preview">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Institutional Excellence in Mayfair"
|
||||
metrics={[
|
||||
{ icon: Building, label: "AUM Managed", value: "£500M+" },
|
||||
{ icon: Award, label: "Track Record", value: "15 Years" },
|
||||
{ icon: Briefcase, label: "Investment Deals", value: "42 Deals" },
|
||||
{ icon: Users, label: "Client Retention", value: "98%" },
|
||||
{ icon: Globe, label: "Global Reach", value: "12 Cities" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="deals" data-section="deals">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hilton Hyde Park",
|
||||
price: "136 Rooms | 5760m²",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Hanover Office",
|
||||
price: "Prime Mayfair Location",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hanover-square-office-building-1774692661191-15ad9635.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Residential Estate",
|
||||
price: "Boutique Development",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-modern-townhouse-1774692661759-4480ea74.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Commercial Block",
|
||||
price: "High Yield Asset",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-london-office-building-glass-1774692661059-6b3fba49.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Retail Portfolio",
|
||||
price: "Core Strategy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Featured Track Record"
|
||||
description="Selected institutional-grade assets driving long-term value."
|
||||
/>
|
||||
</div>
|
||||
<div id="deals" data-section="deals">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Hilton Hyde Park", price: "136 Rooms | 5760m²", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png" },
|
||||
{ id: "2", name: "Hanover Office", price: "Prime Mayfair Location", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hanover-square-office-building-1774692661191-15ad9635.png" },
|
||||
{ id: "3", name: "Residential Estate", price: "Boutique Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/luxury-modern-townhouse-1774692661759-4480ea74.png" },
|
||||
{ id: "4", name: "Commercial Block", price: "High Yield Asset", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/modern-london-office-building-glass-1774692661059-6b3fba49.png" },
|
||||
{ id: "5", name: "Retail Portfolio", price: "Core Strategy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/hilton-hyde-park-hotel-building-exterior-1774692661737-deaf826e.png" }
|
||||
]}
|
||||
title="Featured Track Record"
|
||||
description="Selected institutional-grade assets driving long-term value."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose MGI"
|
||||
description="We blend institutional rigor with boutique flexibility to deliver superior risk-adjusted returns."
|
||||
features={[
|
||||
{
|
||||
title: "Opportunity Sourcing",
|
||||
description: "Proprietary access to off-market real estate assets.",
|
||||
buttonIcon: "Search",
|
||||
},
|
||||
{
|
||||
title: "Asset Management",
|
||||
description: "Proactive hands-on oversight to maximize property value.",
|
||||
buttonIcon: "BarChart",
|
||||
},
|
||||
{
|
||||
title: "Market Insight",
|
||||
description: "Deep-rooted understanding of the London prime real estate market.",
|
||||
buttonIcon: "Eye",
|
||||
},
|
||||
{
|
||||
title: "Institutional Rigor",
|
||||
description: "Structured underwriting and institutional-grade reporting.",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Capital Markets",
|
||||
description: "Specialized expertise in complex acquisition financing.",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose MGI"
|
||||
description="We blend institutional rigor with boutique flexibility to deliver superior risk-adjusted returns."
|
||||
features={[
|
||||
{ title: "Opportunity Sourcing", description: "Proprietary access to off-market real estate assets.", buttonIcon: Search },
|
||||
{ title: "Asset Management", description: "Proactive hands-on oversight to maximize property value.", buttonIcon: BarChart },
|
||||
{ title: "Market Insight", description: "Deep-rooted understanding of the London prime real estate market.", buttonIcon: Eye },
|
||||
{ title: "Institutional Rigor", description: "Structured underwriting and institutional-grade reporting.", buttonIcon: Shield },
|
||||
{ title: "Capital Markets", description: "Specialized expertise in complex acquisition financing.", buttonIcon: TrendingUp }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Clear, concise answers regarding our investment philosophy and operational approach."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the minimum investment?",
|
||||
content: "We work primarily with high-net-worth individuals and institutional partners on bespoke investment mandates.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer direct ownership?",
|
||||
content: "Yes, we facilitate both direct asset ownership and participation in our co-investment vehicles.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "How is asset value monitored?",
|
||||
content: "We provide quarterly reporting and regular property site visits to ensure transparency.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Clear, concise answers regarding our investment philosophy and operational approach."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "What is the minimum investment?", content: "We work primarily with high-net-worth individuals and institutional partners on bespoke investment mandates." },
|
||||
{ id: "2", title: "Do you offer direct ownership?", content: "Yes, we facilitate both direct asset ownership and participation in our co-investment vehicles." },
|
||||
{ id: "3", title: "How is asset value monitored?", content: "We provide quarterly reporting and regular property site visits to ensure transparency." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "MGI Holdings",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "/investments",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "13 Hanover Square, Mayfair, London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+44 20 3982 6789",
|
||||
href: "tel:+442039826789",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
|
||||
{ title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -6,8 +6,9 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Lock, FileText } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PrivacyPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -22,162 +23,72 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "/investments",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Investments", id: "/investments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
button={{ text: "Get In Touch", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="privacy-text" data-section="privacy-text">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Data Collection",
|
||||
content: "MGI Holdings collects data only for professional investment communication purposes.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Data Usage",
|
||||
content: "Information is strictly confidential and shared only with mandated institutional partners.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Rights",
|
||||
content: "You may request deletion or access to your data at any time via written request.",
|
||||
},
|
||||
]}
|
||||
title="Privacy Policy"
|
||||
description="Your data security and privacy is our institutional priority."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="privacy-text" data-section="privacy-text">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Data Collection", content: "MGI Holdings collects data only for professional investment communication purposes." },
|
||||
{ id: "2", title: "Data Usage", content: "Information is strictly confidential and shared only with mandated institutional partners." },
|
||||
{ id: "3", title: "Rights", content: "You may request deletion or access to your data at any time via written request." }
|
||||
]}
|
||||
title="Privacy Policy"
|
||||
description="Your data security and privacy is our institutional priority."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Legal Documentation"
|
||||
description="Institutional terms and data management."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Data Privacy",
|
||||
content: "We protect your data.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Compliance",
|
||||
content: "Fully FCA regulated.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Legal Documentation"
|
||||
description="Institutional terms and data management."
|
||||
faqs={[
|
||||
{ id: "1", title: "Data Privacy", content: "We protect your data." },
|
||||
{ id: "2", title: "Compliance", content: "Fully FCA regulated." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Compliance Standards"
|
||||
description="Operating at the highest levels of professional integrity."
|
||||
features={[
|
||||
{
|
||||
title: "Security",
|
||||
description: "Encryption and secure protocols.",
|
||||
buttonIcon: "Lock",
|
||||
},
|
||||
{
|
||||
title: "Audit",
|
||||
description: "Annual third-party verification.",
|
||||
buttonIcon: "FileText",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Compliance Standards"
|
||||
description="Operating at the highest levels of professional integrity."
|
||||
features={[
|
||||
{ title: "Security", description: "Encryption and secure protocols.", buttonIcon: Lock },
|
||||
{ title: "Audit", description: "Annual third-party verification.", buttonIcon: FileText }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "MGI Holdings",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "/investments",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "13 Hanover Square, Mayfair, London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+44 20 3982 6789",
|
||||
href: "tel:+442039826789",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
|
||||
{ title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,7 +8,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function TeamPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -23,178 +23,73 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Investments",
|
||||
id: "/investments",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Investments", id: "/investments" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="MGI Holdings"
|
||||
button={{ text: "Get In Touch", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team-list" data-section="team-list">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Founder Name",
|
||||
role: "Managing Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-executive-portrait-in-high--1774692661708-24d884b8.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Partner A",
|
||||
role: "Investment Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-business-portrait-1774692661215-d22e3a88.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Partner B",
|
||||
role: "Operations Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-business-portrait-1774692661547-f41804f2.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Associate C",
|
||||
role: "Capital Markets",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-portrait-1774692661036-202c4343.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Associate D",
|
||||
role: "Asset Management",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-portrait-1774692662500-25520189.png",
|
||||
},
|
||||
]}
|
||||
title="Meet the Executive Team"
|
||||
description="Institutional leadership with deep expertise in real estate capital markets."
|
||||
/>
|
||||
</div>
|
||||
<div id="team-list" data-section="team-list">
|
||||
<TeamCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "1", name: "Founder Name", role: "Managing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-executive-portrait-in-high--1774692661708-24d884b8.png" },
|
||||
{ id: "2", name: "Partner A", role: "Investment Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-business-portrait-1774692661215-d22e3a88.png" },
|
||||
{ id: "3", name: "Partner B", role: "Operations Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-business-portrait-1774692661547-f41804f2.png" },
|
||||
{ id: "4", name: "Associate C", role: "Capital Markets", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-portrait-1774692661036-202c4343.png" },
|
||||
{ id: "5", name: "Associate D", role: "Asset Management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-portrait-1774692662500-25520189.png" }
|
||||
]}
|
||||
title="Meet the Executive Team"
|
||||
description="Institutional leadership with deep expertise in real estate capital markets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Leadership"
|
||||
description="The people driving our success."
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Director",
|
||||
role: "Head",
|
||||
description: "Visionary leader",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-executive-portrait-in-high--1774692661708-24d884b8.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Partner",
|
||||
role: "Lead",
|
||||
description: "Capital focus",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-business-portrait-1774692661215-d22e3a88.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Leadership"
|
||||
description="The people driving our success."
|
||||
members={[
|
||||
{ id: "1", name: "Director", role: "Head", description: "Visionary leader", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-executive-portrait-in-high--1774692661708-24d884b8.png" },
|
||||
{ id: "2", name: "Partner", role: "Lead", description: "Capital focus", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZNRoJbfKOdPkv5VlkbpB9haj0/professional-business-portrait-1774692661215-d22e3a88.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Expertise Recognized"
|
||||
description="Our team's background spans the top global financial institutions."
|
||||
names={[
|
||||
"Goldman Sachs",
|
||||
"JP Morgan",
|
||||
"Blackstone",
|
||||
"CBRE",
|
||||
"Savills",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Expertise Recognized"
|
||||
description="Our team's background spans the top global financial institutions."
|
||||
names={["Goldman Sachs", "JP Morgan", "Blackstone", "CBRE", "Savills"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "MGI Holdings",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "/team",
|
||||
},
|
||||
{
|
||||
label: "Investments",
|
||||
href: "/investments",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "13 Hanover Square, Mayfair, London",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+44 20 3982 6789",
|
||||
href: "tel:+442039826789",
|
||||
},
|
||||
{
|
||||
label: "Mon-Fri: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "MGI Holdings", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Team", href: "/team" }, { label: "Investments", href: "/investments" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }] },
|
||||
{ title: "Contact", items: [{ label: "13 Hanover Square, Mayfair, London", href: "#" }, { label: "+44 20 3982 6789", href: "tel:+442039826789" }, { label: "Mon-Fri: 10AM-6PM", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 MGI Holdings. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user