Merge version_1 into main #2
386
src/app/page.tsx
386
src/app/page.tsx
@@ -27,272 +27,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Inquiry",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bangkok Home Service"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Inquiry", id: "contact" },
|
||||
]}
|
||||
brandName="Bangkok Home Service"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Excellence in Home Care, Delivered."
|
||||
description="Bangkok Home Service elevates your living standards with professional, luxury-grade home solutions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg?_wi=1"
|
||||
imageAlt="Luxury home service experience"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Excellence in Home Care, Delivered."
|
||||
description="Bangkok Home Service elevates your living standards with professional, luxury-grade home solutions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg"
|
||||
imageAlt="Luxury home service experience"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Trust & Quality"
|
||||
description={[
|
||||
"For years, Bangkok Home Service has been the gold standard for discerning homeowners who demand perfection in every detail.",
|
||||
"Our commitment is simple: exceptional service, seamless experience, and unmatched reliability.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Trust & Quality"
|
||||
description={[
|
||||
"For years, Bangkok Home Service has been the gold standard for discerning homeowners who demand perfection in every detail.", "Our commitment is simple: exceptional service, seamless experience, and unmatched reliability."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Elite AC Services",
|
||||
description: "Comprehensive maintenance and cleaning to ensure your environment is pristine and climate-controlled year-round.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-arriving-location-help-apprentice-mend-busted-electric-coils-damaged-external-air-conditioner-technicians-comissioned-prevent-internal-parts-breakdowns-ensuring-timely-repair_482257-75177.jpg",
|
||||
imageAlt: "Modern air conditioner maintenance",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg",
|
||||
imageAlt: "Professional ac cleaning service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119010.jpg?_wi=2",
|
||||
imageAlt: "modern air conditioner maintenance",
|
||||
},
|
||||
{
|
||||
title: "Luxury Home Shipping",
|
||||
description: "Safe, secure, and professional handling of all your relocation and transport needs with care and discretion.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/this-is-perfect-spot-out-new-armchair_637285-12298.jpg",
|
||||
imageAlt: "Professional home moving services",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229260.jpg",
|
||||
imageAlt: "Secure residential shipping house",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-female-cafe-staff-wear-uniform-apron-smiling-cheerful-welcome-cafe-restaurant-with-confident-happiness-with-positive-service-mind-after-lockdown-is-shopfront-entrance_609648-2109.jpg?_wi=1",
|
||||
imageAlt: "modern air conditioner maintenance",
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Care",
|
||||
description: "Full-scale maintenance and dedicated support for every corner of your beautiful residence.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg",
|
||||
imageAlt: "Modern air conditioner maintenance",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volunteers-handling-donation-boxes_23-2149230541.jpg",
|
||||
imageAlt: "Professional home moving services",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-slim-woman-white-shorts-dreamy-posing-near-couch_197531-6657.jpg?_wi=1",
|
||||
imageAlt: "modern air conditioner maintenance",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Premium Home Solutions"
|
||||
description="Tailored services to maintain the beauty and comfort of your luxury property."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="Premium Home Solutions"
|
||||
description="Tailored services to maintain the beauty and comfort of your luxury property."
|
||||
features={[
|
||||
{
|
||||
title: "Elite AC Services", description: "Comprehensive maintenance and cleaning to ensure your environment is pristine and climate-controlled year-round.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/engineer-arriving-location-help-apprentice-mend-busted-electric-coils-damaged-external-air-conditioner-technicians-comissioned-prevent-internal-parts-breakdowns-ensuring-timely-repair_482257-75177.jpg", imageAlt: "Modern air conditioner maintenance" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg", imageAlt: "Professional ac cleaning service" }
|
||||
},
|
||||
{
|
||||
title: "Luxury Home Shipping", description: "Safe, secure, and professional handling of all your relocation and transport needs with care and discretion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/this-is-perfect-spot-out-new-armchair_637285-12298.jpg", imageAlt: "Professional home moving services" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229260.jpg", imageAlt: "Secure residential shipping house" }
|
||||
},
|
||||
{
|
||||
title: "Comprehensive Care", description: "Full-scale maintenance and dedicated support for every corner of your beautiful residence.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-removing-layer-dirt-from-blower-fan-prevent-damaging-ventilation-system-adept-repairman-cleaning-hvac-system-parts-stop-risk-overheating-close-up_482257-67998.jpg", imageAlt: "Modern air conditioner maintenance" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-handling-donation-boxes_23-2149230541.jpg", imageAlt: "Professional home moving services" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Happy Homeowners",
|
||||
items: [
|
||||
"Verified clients",
|
||||
"Elite standards",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
title: "Years of Experience",
|
||||
items: [
|
||||
"Expert knowledge",
|
||||
"Proven reliability",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Service Satisfaction",
|
||||
items: [
|
||||
"Luxury experience",
|
||||
"Attention to detail",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="The Gold Standard"
|
||||
description="Proven success in maintaining elite residential standards across Bangkok."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "500+", title: "Happy Homeowners", items: ["Verified clients", "Elite standards"] },
|
||||
{ id: "m2", value: "15+", title: "Years of Experience", items: ["Expert knowledge", "Proven reliability"] },
|
||||
{ id: "m3", value: "99%", title: "Service Satisfaction", items: ["Luxury experience", "Attention to detail"] }
|
||||
]}
|
||||
title="The Gold Standard"
|
||||
description="Proven success in maintaining elite residential standards across Bangkok."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Truly the best service in Bangkok. Flawless attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-female-cafe-staff-wear-uniform-apron-smiling-cheerful-welcome-cafe-restaurant-with-confident-happiness-with-positive-service-mind-after-lockdown-is-shopfront-entrance_609648-2109.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
handle: "@dchen",
|
||||
testimonial: "Seamless shipping and top-tier AC maintenance. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tanned-slim-woman-white-shorts-dreamy-posing-near-couch_197531-6657.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Sophisticated care for a sophisticated home. Simply elite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-blonde-caucasian-stylish-woman-french-cap-blazer-shorts-outdoor-outside-villa_343596-2193.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Reliable, professional, and discreet. Exactly what I need.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "The gold standard indeed. My home has never felt better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg",
|
||||
},
|
||||
]}
|
||||
title="Discerning Clients Choose Us"
|
||||
description="Read why homeowners trust Bangkok Home Service for their most valuable property needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Truly the best service in Bangkok. Flawless attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-female-cafe-staff-wear-uniform-apron-smiling-cheerful-welcome-cafe-restaurant-with-confident-happiness-with-positive-service-mind-after-lockdown-is-shopfront-entrance_609648-2109.jpg" },
|
||||
{ id: "t2", name: "David Chen", handle: "@dchen", testimonial: "Seamless shipping and top-tier AC maintenance. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/tanned-slim-woman-white-shorts-dreamy-posing-near-couch_197531-6657.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "Sophisticated care for a sophisticated home. Simply elite.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-blonde-caucasian-stylish-woman-french-cap-blazer-shorts-outdoor-outside-villa_343596-2193.jpg" },
|
||||
{ id: "t4", name: "Marcus Thorne", handle: "@mthorne", testimonial: "Reliable, professional, and discreet. Exactly what I need.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg" },
|
||||
{ id: "t5", name: "Sophia Lee", handle: "@slee", testimonial: "The gold standard indeed. My home has never felt better.", imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg" }
|
||||
]}
|
||||
title="Discerning Clients Choose Us"
|
||||
description="Read why homeowners trust Bangkok Home Service for their most valuable property needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a service?",
|
||||
content: "Simply fill out our secure inquiry form and our concierge will contact you.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your staff trained?",
|
||||
content: "All our service partners are highly skilled, verified, and follow strict luxury standards.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you serve all of Bangkok?",
|
||||
content: "We cover all major residential districts across the city.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our luxury home services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I book a service?", content: "Simply fill out our secure inquiry form and our concierge will contact you." },
|
||||
{ id: "q2", title: "Are your staff trained?", content: "All our service partners are highly skilled, verified, and follow strict luxury standards." },
|
||||
{ id: "q3", title: "Do you serve all of Bangkok?", content: "We cover all major residential districts across the city." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our luxury home services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Service Inquiry"
|
||||
description="Please provide your details below. Our team will contact you to curate a personalized service package."
|
||||
inputPlaceholder="Enter your email address here..."
|
||||
tag="Get in touch"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Service Inquiry"
|
||||
description="Please provide your details below. Our team will contact you to curate a personalized service package."
|
||||
inputPlaceholder="Enter your email address here..."
|
||||
tag="Get in touch"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Inquiry",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Bangkok Home Service. All rights reserved."
|
||||
bottomRightText="Excellence in every detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Services", href: "#features" },
|
||||
{ label: "Inquiry", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 Bangkok Home Service. All rights reserved."
|
||||
bottomRightText="Excellence in every detail."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user