Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
42
src/app/contact/page.tsx
Normal file
42
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ReactLenis root>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Bangkok Home Service"
|
||||
/>
|
||||
<div className="pt-32 pb-20">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Our dedicated team is ready to assist you. Email us at thailandvista7@gmail.com or call 0811979133 for inquiries."
|
||||
buttons={[
|
||||
{ text: "Email Us", href: "mailto:thailandvista7@gmail.com" },
|
||||
{ text: "Call Now", href: "tel:0811979133" }
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
<FooterLogoReveal
|
||||
logoText="Bangkok Home Service"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
256
src/app/page.tsx
256
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Bangkok Home Service"
|
||||
/>
|
||||
@@ -54,51 +42,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Excellence in Home Care"
|
||||
description="Bangkok Home Service offers premier luxury maintenance, housekeeping, and home restoration for Bangkok's finest residences."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "/contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-gray-tone_53876-132806.jpg",
|
||||
imageAlt: "Living Room Luxury",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/housework-young-dark-haired-woman-looking-busy-while-doing-housework_259150-59475.jpg",
|
||||
imageAlt: "Professional Service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-courtyards-amsterdam-benches-bicycles-flowers-tubs_1321-1757.jpg",
|
||||
imageAlt: "Landscaping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-assortment_23-2149090609.jpg",
|
||||
imageAlt: "Decor Details",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-home_23-2150378989.jpg",
|
||||
imageAlt: "Kitchen Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-hat-kneeling-bed-with-breakfast-bedroom_23-2148161285.jpg",
|
||||
imageAlt: "Bedroom Comfort",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chic-modern-luxury-aesthetics-style-living-room-gray-tone_53876-132806.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/housework-young-dark-haired-woman-looking-busy-while-doing-housework_259150-59475.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Home, Our Passion"
|
||||
description="We specialize in providing comprehensive, high-quality home service solutions in Bangkok. With years of experience and an unwavering commitment to quality, we ensure your living space remains pristine and inviting."
|
||||
description="We specialize in providing comprehensive, high-quality home service solutions in Bangkok."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-volunteers-pointing-front-them_23-2148687293.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -110,228 +68,54 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Deep Housekeeping",
|
||||
description: "White-glove deep cleaning services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-broadcast-radio-receiver_1150-19429.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-cleaning-products-basket_23-2148818427.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
{
|
||||
title: "Home Maintenance",
|
||||
description: "Skilled repairs and maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-background-with-tools-blank-space_23-2147625658.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/arrangement-yellow-repair-kit-construction-gloves_23-2148393106.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
{
|
||||
title: "Eco-friendly Care",
|
||||
description: "Sustainable, non-toxic products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-selection-brushes-copy-space_23-2148818460.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-with-laptop-beauty-products_23-2148299575.jpg",
|
||||
buttonText: "View",
|
||||
},
|
||||
{ title: "Deep Housekeeping", description: "White-glove deep cleaning services.", imageSrc: "http://img.b2bpic.net/free-photo/retro-broadcast-radio-receiver_1150-19429.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-eco-cleaning-products-basket_23-2148818427.jpg", buttonText: "View" },
|
||||
{ title: "Home Maintenance", description: "Skilled repairs and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-background-with-tools-blank-space_23-2147625658.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/arrangement-yellow-repair-kit-construction-gloves_23-2148393106.jpg", buttonText: "View" },
|
||||
{ title: "Eco-friendly Care", description: "Sustainable, non-toxic products.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eco-friendly-cleaning-products-with-selection-brushes-copy-space_23-2148818460.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-with-laptop-beauty-products_23-2148299575.jpg", buttonText: "View" }
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Tailored solutions for discerning homeowners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "2,500 THB",
|
||||
subtitle: "Weekly Maintenance",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Dusting",
|
||||
"Kitchen cleaning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "5,000 THB",
|
||||
subtitle: "Comprehensive Care",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Deep cleaning",
|
||||
"Appliance check",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
badge: "Premium",
|
||||
price: "9,000 THB",
|
||||
subtitle: "Concierge Service",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full property audit",
|
||||
"Daily assistance",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "2,500 THB", subtitle: "Weekly Maintenance", buttons: [{ text: "Contact", href: "/contact" }], features: ["Dusting", "Kitchen cleaning"] },
|
||||
{ id: "pro", badge: "Popular", price: "5,000 THB", subtitle: "Comprehensive Care", buttons: [{ text: "Contact", href: "/contact" }], features: ["Deep cleaning", "Appliance check"] }
|
||||
]}
|
||||
title="Transparent Luxury Pricing"
|
||||
description="Clear plans for complete home management."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Bangkok homes",
|
||||
"Professional care",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
title: "Satisfied Clients",
|
||||
items: [
|
||||
"Returning customers",
|
||||
"Top rated",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert staff",
|
||||
"Service quality",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Delivering excellence consistently."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Incredible service. My apartment has never looked this good. Very professional and reliable team."
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-couple-luxury-travel-house_23-2149140852.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/home-autumn-composition-with-tea-knitted-sweaters-interior-room-blurred-background-with-garland_169016-13694.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-women-gesturing-thumb-up_23-2147774835.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-girl-standing-near-table-cafe-looking-out-window-young-girl-with-blond-hair-standing-by-window-waving-saying-hello-restaurant_574295-507.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg", alt: "Client" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book?",
|
||||
content: "You can contact us via email or call our number directly.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide equipment?",
|
||||
content: "Yes, we bring all professional equipment needed.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you insured?",
|
||||
content: "Yes, our service staff is fully trained and insured.",
|
||||
},
|
||||
]}
|
||||
faqs={[{ id: "q1", title: "How do I book?", content: "Visit our contact page or call us directly." }]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to transform your home?"
|
||||
description="Email us at thailandvista72@gmail.com or call 0811979133 for inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:thailandvista72@gmail.com",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0811979133",
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Bangkok Home Service"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user