Merge version_2 into main #3
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
@@ -11,8 +11,20 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
const [formData, setFormData] = useState({ name: '', purpose: '', email: '' });
|
||||
|
||||
const handleSubmit = async () => {
|
||||
const response = await fetch('https://formspree.io/f/cxxlmeayxxn012@gmail.com', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(formData),
|
||||
});
|
||||
if (response.ok) alert('Inquiry sent successfully!');
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
@@ -45,7 +57,7 @@ export default function LandingPage() {
|
||||
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"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUkUB8hMuoXRUq2IECKHUnJMgz/uploaded-1778344465021-sh70f4kz.jpg"
|
||||
imageAlt="Luxury home service experience"
|
||||
/>
|
||||
</div>
|
||||
@@ -55,7 +67,7 @@ export default function LandingPage() {
|
||||
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."]}
|
||||
"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>
|
||||
|
||||
@@ -68,18 +80,9 @@ export default function LandingPage() {
|
||||
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" }
|
||||
}
|
||||
{ title: "Elite AC Services", description: "Comprehensive maintenance and cleaning.", 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" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/wireman-dissasembling-air-conditioner_482257-91015.jpg" } },
|
||||
{ title: "Luxury Home Shipping", description: "Safe, secure, and professional handling.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/this-is-perfect-spot-out-new-armchair_637285-12298.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229260.jpg" } },
|
||||
{ title: "Comprehensive Care", description: "Full-scale maintenance and dedicated support.", 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" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/volunteers-handling-donation-boxes_23-2149230541.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,10 +109,7 @@ export default function LandingPage() {
|
||||
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" }
|
||||
{ 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" }
|
||||
]}
|
||||
title="Discerning Clients Choose Us"
|
||||
description="Read why homeowners trust Bangkok Home Service for their most valuable property needs."
|
||||
@@ -122,8 +122,7 @@ export default function LandingPage() {
|
||||
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." }
|
||||
{ id: "q2", title: "Are your staff trained?", content: "All our service partners are highly skilled, verified, and follow strict luxury standards." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our luxury home services."
|
||||
@@ -132,38 +131,26 @@ export default function LandingPage() {
|
||||
</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 className="bg-card p-12 rounded-3xl max-w-2xl mx-auto shadow-2xl border-4 border-yellow-500/30 text-center">
|
||||
<h2 className="text-4xl font-bold mb-8">Service Inquiry</h2>
|
||||
<div className="grid gap-4">
|
||||
<input type="text" placeholder="Customer Name" className="p-4 rounded-xl border border-gold" onChange={(e) => setFormData({...formData, name: e.target.value})} />
|
||||
<input type="text" placeholder="Service Purpose" className="p-4 rounded-xl border border-gold" onChange={(e) => setFormData({...formData, purpose: e.target.value})} />
|
||||
<input type="email" placeholder="Customer Email" className="p-4 rounded-xl border border-gold" onChange={(e) => setFormData({...formData, email: e.target.value})} />
|
||||
<button onClick={handleSubmit} className="bg-gradient-to-r from-yellow-500 to-white text-black font-bold p-4 rounded-xl hover:opacity-90 transition">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
</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: "#" }
|
||||
]
|
||||
}
|
||||
{ title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Inquiry", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Bangkok Home Service. All rights reserved."
|
||||
bottomRightText="Excellence in every detail."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,8 +10,8 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #fbfbfb;
|
||||
--background: #fdf8f0;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #c5a059;
|
||||
--primary-cta-text: #ffffff;
|
||||
|
||||
Reference in New Issue
Block a user