Merge version_4 into main #6
@@ -2,15 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Mail, Phone, MapPin } from "lucide-react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
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 FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { useState } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -130,26 +129,14 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<div className="bg-card p-12 rounded-3xl max-w-2xl mx-auto shadow-2xl border-4 border-yellow-500/30 text-center">
|
||||
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DUkUB8hMuoXRUq2IECKHUnJMgz/uploaded-1778344860744-bi6woedm.jpg" alt="Contact Icon" className="w-24 h-24 mx-auto mb-6 object-contain" />
|
||||
<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
|
||||
<FooterBase
|
||||
logoText="Bangkok Home Service"
|
||||
columns={[
|
||||
{ title: "Explore", items: [{ label: "About Us", href: "#about" }, { label: "Inquiry", href: "#contact" }] }
|
||||
{ title: "Services", items: [{ label: "Elite AC Maintenance", href: "#features" }, { label: "Luxury Shipping", href: "#features" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Book Inquiry", href: "#contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Bangkok Home Service. All rights reserved."
|
||||
bottomRightText="Contact us at info@bangkokhomeservice.com"
|
||||
copyrightText="© 2024 Bangkok Home Service. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user