bender/40dea185-39cc-4942-8567-0464a7807aac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #2

Merged
bender merged 2 commits from version_3 into main 2026-05-09 15:53:03 +00:00
Conversation 0 Commits 2 Files Changed 2 +42 -81
2 changed files with 42 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/app/page.tsx
View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -12,7 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Droplets, ShieldCheck, Zap, Instagram } from "lucide-react";
import { Droplets, ShieldCheck, Zap, Fan, Truck } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,17 +32,11 @@ 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: "Instagram", id: "https://www.instagram.com/yaannoluv?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
}
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" },
{ name: "Instagram", id: "https://www.instagram.com/yaannoluv?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" }
]}
brandName="Bangkok Home Service"
/>
@@ -50,23 +44,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient"}}
background={{ variant: "radial-gradient" }}
title="Bangkok's Premium Home Service"
description="Experience the epitome of luxury home care. We deliver bespoke maintenance, cleaning, and renovation services with unparalleled attention to detail."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-drink-red-wine-kitchen_1157-30457.jpg", imageAlt: "Luxurious Bangkok residence interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407587.jpg", imageAlt: "Modern interior design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/big-luxe-dining-room-interior-design_114579-2223.jpg", imageAlt: "Clean minimalist home space"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-digital-disconnecting-home-by-reading-book_23-2150037422.jpg", imageAlt: "Professional residential service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/living-room-interior_1048-8224.jpg", imageAlt: "Bespoke home maintenance"},
{
imageSrc: "http://img.b2bpic.net/free-photo/lobby-living-room-hotel_1150-11124.jpg", imageAlt: "Luxury home atmosphere"},
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-drink-red-wine-kitchen_1157-30457.jpg", imageAlt: "Luxurious Bangkok residence interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407587.jpg", imageAlt: "Modern interior design" }
]}
/>
</div>
@@ -76,7 +59,8 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Excellence in Every Detail"
description={[
"For years, Bangkok Home Service has set the gold standard for residential care in Thailand. Our commitment is to preserve and enhance the value of your property with professional, discreet, and reliable service.", "We combine traditional craftsmanship with modern technology to provide seamless home maintenance experiences for discerning clients."]}
"For years, Bangkok Home Service has set the gold standard for residential care in Thailand. Our commitment is to preserve and enhance the value of your property with professional, discreet, and reliable service.", "We combine traditional craftsmanship with modern technology to provide seamless home maintenance experiences for discerning clients."
]}
/>
</div>
@@ -86,15 +70,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: Zap,
title: "Electrical Systems", description: "Expert diagnostic and repair services for your modern home infrastructure."},
{
icon: Droplets,
title: "Interior Refinement", description: "Precision painting and aesthetic updates by skilled artisans."},
{
icon: ShieldCheck,
title: "Maintenance Care", description: "Proactive property health assessments to ensure peak performance."},
{ icon: Zap, title: "Electrical Systems", description: "Expert diagnostic and repair services for your modern home infrastructure." },
{ icon: Droplets, title: "Interior Refinement", description: "Precision painting and aesthetic updates by skilled artisans." },
{ icon: ShieldCheck, title: "Maintenance Care", description: "Proactive property health assessments to ensure peak performance." },
{ icon: Fan, title: "Air Conditioning", description: "Comprehensive climate control cleaning and efficiency optimization." },
{ icon: Truck, title: "House Moving", description: "White-glove moving services designed for luxury homes and delicate valuables." }
]}
title="Our Elite Services"
description="Comprehensive solutions tailored to your unique lifestyle requirements."
@@ -107,12 +87,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "500+", title: "Successful Projects", description: "Homes transformed to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-construction-workers_23-2149366629.jpg"},
{
id: "m2", value: "99%", title: "Client Satisfaction", description: "Unwavering commitment to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg"},
{
id: "m3", value: "24/7", title: "Priority Support", description: "Always here for your peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-elder-woman-kitchen-waving-tablet_23-2148419313.jpg"},
{ id: "m1", value: "500+", title: "Successful Projects", description: "Homes transformed to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-construction-workers_23-2149366629.jpg" },
{ id: "m2", value: "99%", title: "Client Satisfaction", description: "Unwavering commitment to excellence.", imageSrc: "http://img.b2bpic.net/free-photo/people-office-having-break_23-2147668797.jpg" }
]}
title="Delivering Excellence"
description="Our impact across Bangkok's most prestigious residences."
@@ -125,16 +101,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Truly unmatched attention to detail. My home feels brand new every time.", imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100299.jpg"},
{
id: "t2", name: "James Anderson", handle: "@janderson", testimonial: "Reliable, professional, and absolutely discreet. The best in the business.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
{
id: "t3", name: "Elena Rossi", handle: "@erossi", testimonial: "Their craft and passion for service are evident in every corner of my home.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg"},
{
id: "t4", name: "David Thorne", handle: "@dthorne", testimonial: "Unparalleled expertise. They handle delicate matters with such grace and precision.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
{
id: "t5", name: "Mia Chen", handle: "@miac", testimonial: "A luxury experience. They don't just maintain; they elevate the living experience.", imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg"},
{ id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Truly unmatched attention to detail. My home feels brand new every time.", imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100299.jpg" },
{ id: "t2", name: "James Anderson", handle: "@janderson", testimonial: "Reliable, professional, and absolutely discreet. The best in the business.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" }
]}
title="Client Experiences"
description="What our distinguished clients say about us."
@@ -146,12 +114,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "How do I schedule a service?", content: "Simply fill out our contact form and our concierge will reach out to finalize details."},
{
id: "f2", title: "Are your services available on weekends?", content: "Yes, we provide priority service options including weekends for our regular clients."},
{
id: "f3", title: "Do you provide home safety guarantees?", content: "We offer comprehensive safety protocols and professional insurance on every project."},
{ id: "f1", title: "How do I schedule a service?", content: "Simply fill out our contact form and our concierge will reach out to finalize details." },
{ id: "f2", title: "Are your services available on weekends?", content: "Yes, we provide priority service options including weekends for our regular clients." }
]}
title="Service Queries"
description="Common questions about our premium home service standards."
@@ -163,36 +127,33 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"LuxeDecor", "Bangkok Estates", "ProMaintenance Co", "Elegant Living", "Urban Property Care", "Elite Home Group", "Premium Finishes"]}
names={["LuxeDecor", "Bangkok Estates", "ProMaintenance Co"]}
title="Trusted Partnerships"
description="Endorsed by premium home brands and property experts."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
tag="Luxury Concierge"
<ContactSplitForm
title="Service Inquiry"
description="Let us manage your home needs with the care and professionalism you deserve. Please fill out the form below to connect with our team."
description="Connect with our luxury concierge service for professional maintenance needs."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
]}
textarea={{ name: "message", placeholder: "Describe your service request...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
mediaAnimation="slide-up"
inputPlaceholder="Service request details..."
buttonText="Send to Concierge"
onSubmit={(email) => console.log('Form submission to concierge:', email)}
buttonText="Submit Request"
onSubmit={(data) => console.log('Concierge submission:', data)}
/>
</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>

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1f3251;
--background: #fdfbf7;
--card: #fbf8f0;
--foreground: #2b2518;
--primary-cta: #d4af37;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta-text: #1c1c1c;
--accent: #15479c;
--background-accent: #a8cce8;
--accent: #f3e5ab;
--background-accent: #fdfbf7;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);