Update src/app/page.tsx
This commit is contained in:
392
src/app/page.tsx
392
src/app/page.tsx
@@ -28,276 +28,144 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "benefits",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "performance",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="AKAR"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Benefits", id: "benefits" },
|
||||
{ name: "Performance", id: "performance" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="AKAR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Vacation Rentals Managed Effortlessly"
|
||||
description="AKAR handles bookings, guests, and payments so you focus on growth. Trusted by property owners earning 30% more revenue."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Free Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bringing-beach-home-collage_52683-100668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Property owner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Property owner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",
|
||||
alt: "Property owner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
alt: "Property owner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
alt: "Property owner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ property owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Bookings",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Guest Concierge",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dynamic Revenue Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seamless Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Exposure",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Vacation Rentals Managed Effortlessly"
|
||||
description="AKAR handles bookings, guests, and payments so you focus on growth. Trusted by property owners earning 30% more revenue."
|
||||
buttons={[{ text: "Start Your Free Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bringing-beach-home-collage_52683-100668.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "Property owner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Property owner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg", alt: "Property owner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", alt: "Property owner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Property owner 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ property owners"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Automated Bookings" },
|
||||
{ type: "text", text: "24/7 Guest Concierge" },
|
||||
{ type: "text", text: "Dynamic Revenue Optimization" },
|
||||
{ type: "text", text: "Seamless Maintenance" },
|
||||
{ type: "text", text: "Global Exposure" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="benefits" data-section="benefits">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Value Proposition"
|
||||
title="Partnering for Profit"
|
||||
description="AKAR is more than a management service. We are your partner in maximizing the potential of every property, ensuring guest satisfaction while you enjoy passive income."
|
||||
subdescription="With our AI-driven revenue optimization and professional concierge coordination, your property operates at its peak potential 365 days a year."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150969880.jpg?_wi=1"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
<div id="benefits" data-section="benefits">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Value Proposition"
|
||||
title="Partnering for Profit"
|
||||
description="AKAR is more than a management service. We are your partner in maximizing the potential of every property, ensuring guest satisfaction while you enjoy passive income."
|
||||
subdescription="With our AI-driven revenue optimization and professional concierge coordination, your property operates at its peak potential 365 days a year."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150969880.jpg"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="performance" data-section="performance">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30%",
|
||||
title: "Increased Revenue",
|
||||
description: "Average revenue uplift for AKAR partners.",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Occupancy Rate",
|
||||
description: "Consistently high occupancy across all managed units.",
|
||||
icon: CalendarDays,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Guest Satisfaction",
|
||||
description: "Five-star experiences maintained via professional concierge.",
|
||||
icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Performance You Can See"
|
||||
description="Data-driven results for your investment portfolio."
|
||||
/>
|
||||
</div>
|
||||
<div id="performance" data-section="performance">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "30%", title: "Increased Revenue", description: "Average revenue uplift for AKAR partners.", icon: TrendingUp },
|
||||
{ id: "m2", value: "95%", title: "Occupancy Rate", description: "Consistently high occupancy across all managed units.", icon: CalendarDays },
|
||||
{ id: "m3", value: "4.9/5", title: "Guest Satisfaction", description: "Five-star experiences maintained via professional concierge.", icon: Star }
|
||||
]}
|
||||
title="Performance You Can See"
|
||||
description="Data-driven results for your investment portfolio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Streamlined Operations"
|
||||
description="Every aspect of your vacation rental, meticulously managed for peace of mind."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Professional Booking Management",
|
||||
content: "We manage reservations, calendar sync, and guest screening on all major platforms.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Revenue Optimization",
|
||||
content: "Dynamic pricing strategies to ensure your nightly rates maximize income throughout every season.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Guest Coordination",
|
||||
content: "Full guest communication, 24/7 support, check-in, and professional cleaning coordination.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150969880.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Streamlined Operations"
|
||||
description="Every aspect of your vacation rental, meticulously managed for peace of mind."
|
||||
accordionItems={[
|
||||
{ id: "f1", title: "Professional Booking Management", content: "We manage reservations, calendar sync, and guest screening on all major platforms." },
|
||||
{ id: "f2", title: "Revenue Optimization", content: "Dynamic pricing strategies to ensure your nightly rates maximize income throughout every season." },
|
||||
{ id: "f3", title: "Guest Coordination", content: "Full guest communication, 24/7 support, check-in, and professional cleaning coordination." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150969880.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "AKAR tripled my bookings in six months. Completely hands-off management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Thornton",
|
||||
handle: "@mt_invest",
|
||||
testimonial: "Revenue optimization is top notch. I finally have passive income I can rely on.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-showing-keys-thumb-up_1262-2125.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_stay",
|
||||
testimonial: "Concierge services are flawless. My guests leave amazing reviews every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Wu",
|
||||
handle: "@dwu_property",
|
||||
testimonial: "Transparent reporting and reliable management. The best decision I made for my rental.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-looking-camera_23-2147876753.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Palmer",
|
||||
handle: "@lisa_p",
|
||||
testimonial: "AKAR takes care of the headaches. I just monitor my monthly growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-stands-with-laptop-suit-glasses-outside-office-building-day_78492-3942.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Owners Like You"
|
||||
description="Read what our partners say about the AKAR experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Jenkins", handle: "@sarah_j", testimonial: "AKAR tripled my bookings in six months. Completely hands-off management.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
|
||||
{ id: "2", name: "Mark Thornton", handle: "@mt_invest", testimonial: "Revenue optimization is top notch. I finally have passive income I can rely on.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-businessman-showing-keys-thumb-up_1262-2125.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", handle: "@elena_stay", testimonial: "Concierge services are flawless. My guests leave amazing reviews every time.", imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" },
|
||||
{ id: "4", name: "David Wu", handle: "@dwu_property", testimonial: "Transparent reporting and reliable management. The best decision I made for my rental.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-looking-camera_23-2147876753.jpg" },
|
||||
{ id: "5", name: "Lisa Palmer", handle: "@lisa_p", testimonial: "AKAR takes care of the headaches. I just monitor my monthly growth.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-stands-with-laptop-suit-glasses-outside-office-building-day_78492-3942.jpg" }
|
||||
]}
|
||||
title="Trusted by Owners Like You"
|
||||
description="Read what our partners say about the AKAR experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does AKAR pricing work?",
|
||||
content: "We charge a performance-based management fee. You only earn when your property earns.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I block dates for my personal use?",
|
||||
content: "Yes, our portal lets you block off dates whenever you wish to use your vacation home.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do you handle guest emergencies?",
|
||||
content: "Our concierge team is available 24/7 to handle guest queries and emergencies immediately.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How does AKAR pricing work?", content: "We charge a performance-based management fee. You only earn when your property earns." },
|
||||
{ id: "q2", title: "Can I block dates for my personal use?", content: "Yes, our portal lets you block off dates whenever you wish to use your vacation home." },
|
||||
{ id: "q3", title: "How do you handle guest emergencies?", content: "Our concierge team is available 24/7 to handle guest queries and emergencies immediately." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Schedule Your Free Consultation"
|
||||
description="Take the first step toward stress-free management and higher earnings today."
|
||||
buttonText="Start Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
tag="Get Started"
|
||||
title="Schedule Your Free Consultation"
|
||||
description="Take the first step toward stress-free management and higher earnings today."
|
||||
buttonText="Start Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AKAR"
|
||||
copyrightText="© 2025 AKAR Management. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AKAR"
|
||||
copyrightText="© 2025 AKAR Management. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user