Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
240
src/app/page.tsx
240
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Moderna Office"
|
||||
/>
|
||||
@@ -55,78 +43,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Premium Virtual Offices for Modern Professionals"
|
||||
description="Get a prestigious Recife business address, professional meeting rooms, and mail handling—no longterm lease required. Scale your business without the overhead."
|
||||
kpis={[
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Excellence",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "LGBTQ Inclusive",
|
||||
},
|
||||
{
|
||||
value: "5*",
|
||||
label: "Rated Service",
|
||||
},
|
||||
{ value: "5+", label: "Years Excellence" },
|
||||
{ value: "100%", label: "LGBTQ Inclusive" },
|
||||
{ value: "5*", label: "Rated Service" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Plans",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Plans", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/half-open-black-white-doors_23-2148252775.jpg"
|
||||
imageAlt="coworking space interior black and white"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-modern-high-building-high-quality-photo_114579-12190.jpg",
|
||||
alt: "Interior of a modern high building. High quality photo",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg",
|
||||
alt: "View of modern and futuristic work space with furniture",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg",
|
||||
alt: "Abstract city building shadows",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/curious-woman-with-cup-coffee_1098-2060.jpg",
|
||||
alt: "Curious woman with a cup of coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-from-home_23-2148899703.jpg",
|
||||
alt: "Medium shot man working from home",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/interior-modern-high-building-high-quality-photo_114579-12190.jpg", alt: "Interior of a modern high building" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797641.jpg", alt: "View of modern and futuristic work space with furniture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283226.jpg", alt: "Abstract city building shadows" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/curious-woman-with-cup-coffee_1098-2060.jpg", alt: "Curious woman with a cup of coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-from-home_23-2148899703.jpg", alt: "Medium shot man working from home" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Speed Wi-Fi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Business Address",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mail Services",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Meeting Rooms",
|
||||
},
|
||||
{ type: "text", text: "24/7 Access" },
|
||||
{ type: "text", text: "High-Speed Wi-Fi" },
|
||||
{ type: "text", text: "Business Address" },
|
||||
{ type: "text", text: "Mail Services" },
|
||||
{ type: "text", text: "Meeting Rooms" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,12 +77,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Empowering Your Business Identity in Recife"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,21 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Prestigious Address",
|
||||
description: "Put your business on the map in Recife's prime business district.",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
title: "Mail Handling",
|
||||
description: "Secure receiving and management of all your business correspondence.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Meeting Rooms",
|
||||
description: "Fully equipped meeting spaces for your client presentations.",
|
||||
},
|
||||
{ icon: MapPin, title: "Prestigious Address", description: "Put your business on the map in Recife's prime business district." },
|
||||
{ icon: Mail, title: "Mail Handling", description: "Secure receiving and management of all your business correspondence." },
|
||||
{ icon: Users, title: "Meeting Rooms", description: "Fully equipped meeting spaces for your client presentations." }
|
||||
]}
|
||||
title="Why Choose Moderna Office"
|
||||
description="Professional infrastructure tailored for modern flexibility."
|
||||
@@ -178,27 +103,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "200+",
|
||||
title: "Happy Clients",
|
||||
description: "Growing professional community.",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500+",
|
||||
title: "Meetings Hosted",
|
||||
description: "Successful client collaborations.",
|
||||
icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
title: "Retention Rate",
|
||||
description: "Clients stay and thrive here.",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "1", value: "200+", title: "Happy Clients", description: "Growing professional community.", icon: Smile },
|
||||
{ id: "2", value: "500+", title: "Meetings Hosted", description: "Successful client collaborations.", icon: Calendar },
|
||||
{ id: "3", value: "99%", title: "Retention Rate", description: "Clients stay and thrive here.", icon: Award }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Helping businesses grow through flexible workspaces."
|
||||
@@ -209,33 +116,14 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-using-laptop-adjusting-power-management-settings_482257-122565.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Costa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-smiling-airport-with-suit_657883-708.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg" },
|
||||
{ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915911.jpg" },
|
||||
{ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/engineer-data-center-using-laptop-adjusting-power-management-settings_482257-122565.jpg" },
|
||||
{ id: "5", name: "Elena Costa", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-smiling-airport-with-suit_657883-708.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Professionals Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -244,15 +132,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DesignStudio",
|
||||
"LogicFlow",
|
||||
"VenturesInc",
|
||||
]}
|
||||
names={["TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DesignStudio", "LogicFlow", "VenturesInc"]}
|
||||
title="Trusted Partners"
|
||||
description="Companies that rely on our professional services."
|
||||
/>
|
||||
@@ -262,21 +142,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get my mail?",
|
||||
content: "You can pick it up during office hours or we can forward it to your home.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I use the meeting room?",
|
||||
content: "Yes, all plans include monthly meeting room credits.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is there a long term contract?",
|
||||
content: "No, our plans are flexible with no long term commitment.",
|
||||
},
|
||||
{ id: "q1", title: "How do I get my mail?", content: "You can pick it up during office hours or we can forward it to your home." },
|
||||
{ id: "q2", title: "Can I use the meeting room?", content: "Yes, all plans include monthly meeting room credits." },
|
||||
{ id: "q3", title: "Is there a long term contract?", content: "No, our plans are flexible with no long term commitment." }
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our virtual office services."
|
||||
@@ -287,9 +155,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to scale your business?"
|
||||
description="Sign up today and get your professional address instantly."
|
||||
@@ -300,31 +166,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Help Center", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Moderna Office Recife"
|
||||
bottomRightText="Privacy Policy"
|
||||
|
||||
Reference in New Issue
Block a user