-
-
-
- To get started, edit the page.tsx file.
-
-
- Looking for a starting point or more instructions? Head over to{" "}
-
- Templates
- {" "}
- or the{" "}
-
- Learning
- {" "}
- center.
-
-
+ <>
+
+ {/* VIDEO */}
+
+
+ {/* DARK OVERLAY */}
+
+ {/* ================= HERO CONTENT ================= */}
+
+
+
+ Strategy-Driven Design.
+
+
+ From concept to completion, HouseCoin delivers high-quality digital
+ solutions with precision and innovation.
+
+
- );
-}
+
+
+
+
+
+
500+ Project Complete
+
+
+
+
+
+
Licensed & Insured
+
+ {/* CENTER HIGHLIGHT */}
+
+
+
+
+
NKBA Member
+
+
+
+
+
+
Smart Home Certified
+
+
+
+
+
+
10-Year Warranty
+
+
+
+
+
+
+
+
Trusted Partners
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* TOP */}
+
+
+ Recent Texas Projects
+
+ See our transformations across Central & South Texas
+
+
+ {/* SAME BUTTON */}
+
+ Explore Our Project
+
+
+ {/* GRID */}
+
+
+
+
+
+
+
+
+
+
+
+
Cedar Sunroom Extension
+
Austin, TX
+
+
+
+
+
+
+
+
+
+
+
+
+
Kitchen Remodel
+
Austin, TX
+
+
+
+
+
+
+
+ {/* TOP CONTENT */}
+
+ {/* FULL WIDTH GRID */}
+
+ {/* CARD 1 */}
+
+
+
Kitchen Remodels
+
+
+
$25000
+
+ Complete kitchen transformations with quality materials and expert
+ craftsmanship
+
+
+ Request Kitchen Estimate
+
+
+
+ {/* CARD 2 */}
+
+
+
+
+
+ {/* TOP */}
+
+ {/* GRID */}
+
+ {/* LEFT BIG */}
+
+
+
+ {/* CENTER */}
+
+ {/* RIGHT BIG */}
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/app/privacy/page.jsx b/app/privacy/page.jsx
new file mode 100644
index 0000000..a62047b
--- /dev/null
+++ b/app/privacy/page.jsx
@@ -0,0 +1,86 @@
+export default function PrivacyPage() {
+ return (
+ <>
+
+
+
+
+
+
Privacy Policy
+
Your Privacy Matters to Us
+
+ Learn how we collect, use, and protect your personal information
+ while delivering our services.
+
+
+
+
+
+
+
+
Privacy Policy
+
+ At HouseCoin, we are committed to protecting your privacy and ensuring
+ that your personal information is handled in a safe and responsible
+ manner. This policy outlines how we collect, use, and safeguard your
+ data.
+
+
1. Information We Collect
+
+ We may collect personal information such as your name, email address,
+ phone number, and project details when you fill out forms or contact us
+ through our website.
+
+
2. How We Use Your Information
+
+ Your information is used to provide services, respond to inquiries,
+ improve our offerings, and communicate important updates regarding your
+ project.
+
+
3. Data Protection
+
+ We implement appropriate security measures to protect your personal data
+ from unauthorized access, alteration, disclosure, or destruction.
+
+
4. Sharing of Information
+
+ We do not sell, trade, or rent your personal information. Your data may
+ only be shared with trusted partners involved in delivering services.
+
+
5. Cookies
+
+ Our website may use cookies to enhance user experience and analyze
+ website traffic. You can choose to disable cookies through your browser
+ settings.
+
+
6. Third-Party Links
+
+ Our website may contain links to external sites. We are not responsible
+ for the privacy practices of those websites.
+
+
7. Your Rights
+
+ You have the right to access, update, or request deletion of your
+ personal data at any time by contacting us.
+
+
8. Updates to Policy
+
+ We may update this policy periodically. Any changes will be posted on
+ this page with updated revisions.
+
+
9. Contact Us
+
+ If you have any questions about this Privacy Policy, feel free to
+ contact us at
+ reimagine@housecoin.biz .
+
+
+
+
+ );
+ }
\ No newline at end of file
diff --git a/app/process/page.jsx b/app/process/page.jsx
new file mode 100644
index 0000000..175fdc0
--- /dev/null
+++ b/app/process/page.jsx
@@ -0,0 +1,207 @@
+import Contact from "@/component/Contact"
+export default function ProcessPage() {
+ return (
+<>
+
+
+
+
+
+
Process
+
Our Process
+
+ From initial consultation to final handover, we guide you through
+ every step with transparency, expertise, and dedication to
+ excellence.
+
+
+
+
+
+
+
+
+
+
+ A Seamless Path to Exceptional Living
+
+
+ From concept to completion, Housecoin delivers a refined,
+ transparent journey— where every detail is planned and executed
+ flawlessly.
+
+
+
+
+
+
+
+
+
+
+
+
+
We start by understanding your vision, needs, and budget.
+
01
+
+
+
+
+
+
+
+
+
+
+
+
+
Our team creates detailed plans and 3D visualizations.
+
02
+
+
+
+
+
+
+
+
+
+
+
We finalize materials, timeline, and project scope.
+
03
+
+
+
+
+
+
+
+
+
+
+
+
+
Skilled craftsmen bring your vision to life.
+
04
+
+
+
+
+
+
+
+
+
+
+
Rigorous inspection ensures perfect execution.
+
05
+
+
+
+
+
+
+
+
+
+
+
+
+
+ We hand over a finished space ready for you to live and grow.
+
+
06
+
+
+
+
+
+
+
+ {/* Heading */}
+
+
+
+
+ Why Our Process Works
+
+
+ We've refined our approach over years of delivering
+
+
+
+ {/* Cards */}
+
+ {/* 01 */}
+
+
+
01
+
Transparency
+
+
+ Stay informed at every stage with regular updates and open
+ dialogue.
+
+
+
+ {/* 02 */}
+
+
+
02
+
Expert Craftsmanship
+
+
+ Our team of experienced professionals ensures exceptional quality.
+
+
+
+ {/* 03 */}
+
+
+
03
+
On-Time Delivery
+
+
+ We respect your time and deliver projects within agreed timelines.
+
+
+
+ {/* 04 */}
+
+
+
04
+
Budget Friendly
+
+
No hidden costs, just honest pricing and great value.
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/terms/page.jsx b/app/terms/page.jsx
new file mode 100644
index 0000000..7a8f6c3
--- /dev/null
+++ b/app/terms/page.jsx
@@ -0,0 +1,112 @@
+export default function TermsPage() {
+ return (
+
+ <>
+
+
+
+
+
+
Terms of Service
+
Terms & Conditions
+
+ Please read these terms carefully before using our services.
+
+
+
+
+
+
+
+
Terms of Service
+
+ Welcome to HouseCoin. By accessing or using our website and services,
+ you agree to follow the terms and conditions outlined below. These terms
+ are designed to ensure a smooth and transparent experience for both our
+ clients and our team. We recommend reviewing them carefully before
+ starting any project with us.
+
+
1. Use of Services
+
+ Our services are intended strictly for lawful and professional use. You
+ agree not to misuse, copy, distribute, or exploit any part of our
+ website, content, or services without prior written permission. Any
+ unauthorized activity may lead to suspension of services and necessary
+ legal action.
+
+
2. Service Agreement
+
+ Every project is executed based on a clear agreement that defines the
+ scope, deliverables, timeline, and pricing. This helps avoid
+ misunderstandings and ensures transparency. Any modifications or
+ additional requests must be discussed and approved by both parties in
+ advance.
+
+
3. Pricing & Payments
+
+ We maintain complete transparency in pricing and provide detailed cost
+ estimates before starting the project. Payments are expected as per the
+ agreed milestones. Delayed payments may affect project progress and can
+ lead to temporary suspension of services until cleared.
+
+
4. Project Timelines
+
+ We always strive to deliver projects within the agreed timeline while
+ maintaining quality standards. However, delays may occur due to factors
+ like material availability, unforeseen circumstances, or
+ client-requested changes during the project. We keep clients informed
+ throughout the process.
+
+
5. Client Responsibilities
+
+ Clients are expected to provide accurate information, timely approvals,
+ and necessary access required for project completion. Clear
+ communication and cooperation from the client side play a crucial role
+ in meeting deadlines and ensuring successful project delivery.
+
+
6. Intellectual Property
+
+ All designs, plans, concepts, and content developed by HouseCoin remain
+ our intellectual property unless otherwise agreed in writing. Clients
+ are not permitted to reuse, reproduce, or distribute these materials
+ without proper authorization.
+
+
7. Limitation of Liability
+
+ While we aim to deliver high-quality services, HouseCoin shall not be
+ held responsible for any indirect, incidental, or consequential damages.
+ This includes losses related to delays, business interruptions, or
+ unforeseen issues beyond our control.
+
+
8. Cancellation & Refund
+
+ Cancellation requests must be made formally and will be evaluated based
+ on the stage of the project. Any applicable refund will be calculated
+ based on the work completed and expenses already incurred up to that
+ point.
+
+
9. Changes to Terms
+
+ We reserve the right to update or modify these terms at any time to
+ reflect changes in our services or policies. Continued use of our
+ website or services after such updates indicates your acceptance of the
+ revised terms.
+
+
10. Contact
+
+ If you have any questions, concerns, or require further clarification
+ regarding these Terms of Service, feel free to reach out to us. You can
+ contact us at reimagine@housecoin.biz and our team will
+ be happy to assist you.
+
+
+
+
+
+ );
+ }
\ No newline at end of file
diff --git a/component/Contact.jsx b/component/Contact.jsx
new file mode 100644
index 0000000..ce4c2d4
--- /dev/null
+++ b/component/Contact.jsx
@@ -0,0 +1,182 @@
+"use client"
+
+import { useState } from "react"
+
+export default function Contact() {
+
+ const [form, setForm] = useState({
+ first_name: "",
+ last_name: "",
+ email: "",
+ phone_number: "",
+ project_details: ""
+ })
+
+ const [loading, setLoading] = useState(false)
+ const [message, setMessage] = useState("")
+
+ // handle change
+ const handleChange = (e) => {
+ setForm({ ...form, [e.target.name]: e.target.value })
+ }
+
+ // validation
+ const validate = () => {
+ if (!form.first_name || !form.last_name) return "Name required"
+ if (!form.email.includes("@")) return "Valid email required"
+ if (form.phone_number.length < 8) return "Valid phone required"
+ if (!form.project_details) return "Project details required"
+ return null
+ }
+
+ // submit
+ const handleSubmit = async (e) => {
+ e.preventDefault()
+
+ const error = validate()
+ if (error) {
+ setMessage(error)
+ return
+ }
+
+ setLoading(true)
+ setMessage("")
+
+ try {
+ const res = await fetch(
+ "https://rgnbdafzoeryijdgmyuu.supabase.co/functions/v1/submit-form",
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization":
+ "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InJnbmJkYWZ6b2VyeWlqZGdteXV1Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzY3NjUyODksImV4cCI6MjA5MjM0MTI4OX0.-PuetNc8pmKhQfCS8jS9xGAjaBA2O26qR9oSRVVvNs4"
+ },
+ body: JSON.stringify(form)
+ }
+ )
+
+ if (!res.ok) throw new Error("Failed")
+
+ setMessage("✅ Form submitted successfully!")
+ setForm({
+ first_name: "",
+ last_name: "",
+ email: "",
+ phone_number: "",
+ project_details: ""
+ })
+
+ } catch (err) {
+ setMessage("❌ Something went wrong")
+ }
+
+ setLoading(false)
+ }
+
+ return (
+
+
+
+ {/* TOP */}
+
+
+ Let’s Start Your Project
+
+ Schedule a complimentary Consultation
+
+
+
+
+
+ {/* LEFT */}
+
+
Get In Touch
+
Contact us today for tailored marketing strategies and expert advice.
+
+
+
+
+ Phone Number
+ +15107099142
+
+
+
+
+
+
+ Email Address
+ reimagine@housecoin.biz
+
+
+
+
+
+
+ Office Hours
+ MON–FRI: 8AM – 6PM
+ SATURDAY: 9AM – 3PM
+
+
+
+
+ {/* RIGHT FORM */}
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/component/Footer.tsx b/component/Footer.tsx
new file mode 100644
index 0000000..b909a8d
--- /dev/null
+++ b/component/Footer.tsx
@@ -0,0 +1,176 @@
+"use client";
+
+export default function Footer() {
+ return (
+
+ )
+ }
\ No newline at end of file
diff --git a/component/Services.jsx b/component/Services.jsx
new file mode 100644
index 0000000..e54f0fb
--- /dev/null
+++ b/component/Services.jsx
@@ -0,0 +1,63 @@
+export default function Services() {
+
+ const services = [
+ {
+ title: "Outdoor Living & Kitchens",
+ img: "/assets/images/kitchen.png"
+ },
+ {
+ title: "Sunrooms & Enclosures",
+ img: "/assets/images/sunroom.png"
+ },
+ {
+ title: "Interior Remodelling",
+ img: "/assets/images/Outdoor.png"
+ },
+ {
+ title: "Smart Home & Technology",
+ img: "/assets/images/Smart.png"
+ }
+ ]
+
+ return (
+
+
+
+
+
+
+ Our Services
+
+
+ Transforming spaces with precision, innovation, and commitment to quality craftsmanship.
+
+
+
+
+ Explore All Services
+
+
+
+
+
+ {services.map((item, index) => (
+
+
+
+
+
+
+
{item.title}
+
+
+ ))}
+
+
+ )
+ }
\ No newline at end of file
diff --git a/component/Testimonial.jsx b/component/Testimonial.jsx
new file mode 100644
index 0000000..e7b5ade
--- /dev/null
+++ b/component/Testimonial.jsx
@@ -0,0 +1,155 @@
+"use client"
+
+import { useEffect } from "react"
+import Swiper from "swiper"
+import "swiper/css"
+import "swiper/css/pagination"
+import { Pagination, Autoplay } from "swiper/modules"
+
+export default function Testimonial() {
+
+ useEffect(() => {
+ new Swiper(".testimonialSwiper", {
+ modules: [Pagination, Autoplay],
+
+ loop: true,
+
+ slidesPerView: 3,
+ spaceBetween: 30,
+
+ speed: 4000, // 🔥 smooth continuous
+
+ autoplay: {
+ delay: 0, // ❌ no stop
+ disableOnInteraction: false,
+ },
+
+ freeMode: true,
+ freeModeMomentum: false,
+
+ pagination: {
+ el: ".testimonial-pagination",
+ clickable: true,
+ },
+
+ breakpoints: {
+ 0: { slidesPerView: 1.2 },
+ 768: { slidesPerView: 2 },
+ 1024: { slidesPerView: 3 }
+ }
+ })
+ }, [])
+
+ return (
+
+
+
+ {/* TOP */}
+
+
+ What Our Customers Say
+
Real reviews from real Texas homeowners
+
+
+
+
+
+
+ {/* CARD 1 */}
+
+
+
+ “Our new kitchen is perfect! The team was professional, on time, and the quality is outstanding.”
+
+
+
+
+
Sarah T.
+ San Antonio
+
+
+
See Project →
+
+
+
+ {/* CARD 2 */}
+
+
+
+ “We couldn’t be happier with our new sunroom! The team showed up on time and demonstrated incredible professionalism from start to finish. Their workmanship truly surpassed our expectations. Adding this space has been the best decision we’ve made for our home! We’re thrilled with how it turned out. It has transformed our living area into a bright and inviting space.”
+
+
+
+
+
Jessica L.
+ Dallas
+
+
+
See Project →
+
+
+
+ {/* CARD 3 */}
+
+
+
+ “Amazing experience! Highly recommended for any renovation work.”
+
+
+
+
+
Emily R.
+ Austin
+
+
+
See Project →
+
+
+
+ {/* REPEAT SAME CARDS (important for smooth loop) */}
+
+
+
+
+ “We couldn’t be happier with our new sunroom! The team showed up on time and demonstrated incredible professionalism from start to finish.”
+
+
+
+
+
Jessica L.
+ Dallas
+
+
+
See Project →
+
+
+
+
+
+
+ “Our new kitchen is perfect! The team was professional, on time, and the quality is outstanding.”
+
+
+
+
+
Sarah T.
+ San Antonio
+
+
+
See Project →
+
+
+
+
+
+ {/* DOTS */}
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/component/Trades.jsx b/component/Trades.jsx
new file mode 100644
index 0000000..af200a9
--- /dev/null
+++ b/component/Trades.jsx
@@ -0,0 +1,117 @@
+"use client"
+
+import { useEffect } from "react"
+import Swiper from "swiper"
+import { Pagination, Autoplay, FreeMode } from "swiper/modules"
+
+import "swiper/css"
+import "swiper/css/pagination"
+
+export default function Trades() {
+
+ useEffect(() => {
+ const swiper = new Swiper(".tradesSwiper", {
+ modules: [Pagination, Autoplay, FreeMode],
+
+ loop: true,
+ slidesPerView: 3,
+ spaceBetween: 25,
+ speed: 1500,
+
+ autoplay: {
+ delay: 0,
+ disableOnInteraction: false,
+ },
+
+ freeMode: true,
+ freeModeMomentum: false,
+
+ pagination: {
+ el: ".swiper-pagination",
+ clickable: true,
+ },
+
+ breakpoints: {
+ 0: { slidesPerView: 1 },
+ 768: { slidesPerView: 2 },
+ 1024: { slidesPerView: 3 }
+ }
+ })
+
+ return () => swiper.destroy() // cleanup
+ }, [])
+
+ return (
+
+
+
+
+
+ Meet Our Trades
+
+ HouseCoin's specialized capabilities are expert craftsmen.
+
+
+
Explore All Trades
+
+
+
+
+
+ {[
+ {
+ img: "/assets/images/trader1.png",
+ title: "Woodwork",
+ name: "Mark S",
+ role: "Lead Carpenter",
+ desc: "Specializes in building robust frameworks and custom woodwork."
+ },
+ {
+ img: "/assets/images/trader2.png",
+ title: "Electrical",
+ name: "John D",
+ role: "Senior Electrician",
+ desc: "Expert in wiring systems and smart installations."
+ },
+ {
+ img: "/assets/images/trader3.png",
+ title: "Plumbing",
+ name: "David R",
+ role: "Master Plumber",
+ desc: "Handles modern plumbing systems with precision."
+ },
+ {
+ img: "/assets/images/Masonry.png",
+ title: "Masonry",
+ name: "Alex K",
+ role: "Interior Specialist",
+ desc: "Delivers premium finishes and detailing."
+ }
+ ].map((item, i) => (
+
+
+
+
+
+
{item.title}
+
+
{item.name}
+
{item.role}
+
{item.desc}
+
+
+
+ ))}
+
+
+
+ {/* ✅ PAGINATION DOTS */}
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/component/header.jsx b/component/header.jsx
new file mode 100644
index 0000000..f3f2e0d
--- /dev/null
+++ b/component/header.jsx
@@ -0,0 +1,106 @@
+import Link from "next/link"
+
+export default function Header() {
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index e060b01..454c9df 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,12 @@
"name": "my-next-app",
"version": "0.1.0",
"dependencies": {
+ "aos": "^2.3.4",
+ "bootstrap": "^5.3.8",
"next": "16.2.4",
"react": "19.2.4",
- "react-dom": "19.2.4"
+ "react-dom": "19.2.4",
+ "swiper": "^12.1.3"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
@@ -1240,6 +1243,17 @@
"node": ">=12.4.0"
}
},
+ "node_modules/@popperjs/core": {
+ "version": "2.11.8",
+ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+ "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+ "license": "MIT",
+ "peer": true,
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/popperjs"
+ }
+ },
"node_modules/@rtsao/scc": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -2209,6 +2223,17 @@
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
+ "node_modules/aos": {
+ "version": "2.3.4",
+ "resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz",
+ "integrity": "sha512-zh/ahtR2yME4I51z8IttIt4lC1Nw0ktsFtmeDzID1m9naJnWXhCoARaCgNOGXb5CLy3zm+wqmRAEgMYB5E2HUw==",
+ "license": "MIT",
+ "dependencies": {
+ "classlist-polyfill": "^1.0.3",
+ "lodash.debounce": "^4.0.6",
+ "lodash.throttle": "^4.0.1"
+ }
+ },
"node_modules/argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2458,6 +2483,25 @@
"node": ">=6.0.0"
}
},
+ "node_modules/bootstrap": {
+ "version": "5.3.8",
+ "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
+ "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
+ "funding": [
+ {
+ "type": "github",
+ "url": "https://github.com/sponsors/twbs"
+ },
+ {
+ "type": "opencollective",
+ "url": "https://opencollective.com/bootstrap"
+ }
+ ],
+ "license": "MIT",
+ "peerDependencies": {
+ "@popperjs/core": "^2.11.8"
+ }
+ },
"node_modules/brace-expansion": {
"version": "1.1.14",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
@@ -2613,6 +2657,12 @@
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
+ "node_modules/classlist-polyfill": {
+ "version": "1.2.0",
+ "resolved": "https://registry.npmjs.org/classlist-polyfill/-/classlist-polyfill-1.2.0.tgz",
+ "integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==",
+ "license": "Unlicense"
+ },
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -4828,6 +4878,12 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
+ "node_modules/lodash.debounce": {
+ "version": "4.0.8",
+ "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+ "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+ "license": "MIT"
+ },
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4835,6 +4891,12 @@
"dev": true,
"license": "MIT"
},
+ "node_modules/lodash.throttle": {
+ "version": "4.1.1",
+ "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+ "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+ "license": "MIT"
+ },
"node_modules/loose-envify": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -6065,6 +6127,25 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/swiper": {
+ "version": "12.1.3",
+ "resolved": "https://registry.npmjs.org/swiper/-/swiper-12.1.3.tgz",
+ "integrity": "sha512-XcWlVmkHFICI4fuoJKgbp8PscDcS4i7pBH8nwJRBi3dpQvhCySwsWRYm4bOf/BzKVWkHOYaFw7qz9uBSrY3oug==",
+ "funding": [
+ {
+ "type": "patreon",
+ "url": "https://www.patreon.com/swiperjs"
+ },
+ {
+ "type": "open_collective",
+ "url": "http://opencollective.com/swiper"
+ }
+ ],
+ "license": "MIT",
+ "engines": {
+ "node": ">= 4.7.0"
+ }
+ },
"node_modules/tailwindcss": {
"version": "4.2.4",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.4.tgz",
diff --git a/package.json b/package.json
index 4c0c496..2107b3f 100644
--- a/package.json
+++ b/package.json
@@ -9,9 +9,12 @@
"lint": "eslint"
},
"dependencies": {
+ "aos": "^2.3.4",
+ "bootstrap": "^5.3.8",
"next": "16.2.4",
"react": "19.2.4",
- "react-dom": "19.2.4"
+ "react-dom": "19.2.4",
+ "swiper": "^12.1.3"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
diff --git a/public/assets/css/responsive.css b/public/assets/css/responsive.css
new file mode 100644
index 0000000..e69de29
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
new file mode 100644
index 0000000..fab86d5
--- /dev/null
+++ b/public/assets/css/style.css
@@ -0,0 +1,3218 @@
+/* ================================
+GOOGLE FONT (Parkinsans)
+================================ */
+@import url('https://fonts.googleapis.com/css2?family=Parkinsans:wght@300;400;500;600;700&display=swap');
+/* ================================
+ROOT VARIABLES
+================================ */
+:root {
+--primary-color: #D06A1E;
+--secondary-color: #111111;
+--text-color: #ffffff;
+--light-text: #aaaaaa;
+--bg-color: #0d0d0d;
+--font-family: 'Parkinsans', sans-serif;
+}
+/* ================================
+RESET
+================================ */
+html {
+ scroll-behavior: smooth;
+}
+* {
+margin: 0;
+padding: 0;
+box-sizing: border-box;
+}
+/* ================================
+GLOBAL BODY
+================================ */
+body {
+font-family: var(--font-family);
+color: var(--text-color);
+line-height: 1.6;
+}
+/* ================================
+TYPOGRAPHY
+================================ */
+h1 {
+font-size: 40px;
+font-weight: 700;
+margin-bottom: 20px;
+}
+h2 span {
+ color: #7C7C7C;
+}
+h2 {font-size: 26px;font-weight: 500;margin-bottom: 15px;line-height: 36px;}
+p {font-size: 16px;color: #000000;margin: 0;}
+ul {
+list-style: none;
+padding: 0;
+margin: 0;
+}
+li {/* margin-bottom: 10px; */}
+span {display: inline-block;color: #ffffff;}
+label {
+margin-bottom: 6px;
+display: inline-block;
+font-size: 14px;
+}
+/* ================================
+LINKS
+================================ */
+a {
+text-decoration: none;
+color: var(--text-color);
+transition: 0.3s;
+}
+a:hover {
+color: var(--primary-color);
+}
+/* ================= HERO ================= */
+.hero {
+position: relative;
+height: 100vh;
+overflow: hidden;
+}
+/* VIDEO */
+.hero-video {
+position: absolute;
+width: 100%;
+height: 100%;
+object-fit: cover;
+top: 0;
+left: 0;
+z-index: 1;
+}
+/* OVERLAY */
+.hero-overlay {
+position: absolute;
+width: 100%;
+height: 100%;
+z-index: 2;
+background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.56) 63.2%, rgba(0, 0, 0, 0.69) 101.12%);
+}
+/* ================= HEADER ================= */
+.header {
+position: fixed;
+width: 100%;
+top: 0;
+z-index: 10;
+padding: 20px 0;
+background: rgba(0, 0, 0, 0.15);
+backdrop-filter: blur(42px);
+}
+.logo {
+color: #fff;
+font-weight: 700;
+}
+.logo span {
+color: var(--primary-color);
+}
+/* NAV */
+.nav ul {
+display: flex;
+gap: 30px;
+}
+.headerwrap .nav a {
+ color: black !important;
+}
+.nav a {color: #fff !important;font-size: 14px;position: relative;display: inline-block;padding: 8px 0;text-decoration: none;font-weight: 500;overflow: hidden;text-transform: capitalize;}
+/* ================= HERO CONTENT ================= */
+.hero-content {
+position: relative;
+z-index: 5;
+height: 100%;
+display: flex;
+align-items: center;
+}
+.hero-left {
+max-width: 600px;
+}
+.hero-left h1 {
+color: #fff;
+}
+.hero-left p {margin-top: 15px;margin-bottom: 25px;border-left: 6px solid #E5AC35;padding: 7px 0 7px 14px;color: white;}
+/* BUTTONS */
+.hero-buttons {
+display: flex;
+gap: 15px;
+}
+.btn-outline {
+border: 1px solid #fff;
+padding: 10px 24px;
+color: #fff;
+}
+.btn-outline:hover {
+background: #fff;
+color: #000;
+}
+/* ================= SOCIAL ================= */
+.hero-social {
+position: absolute;
+right: 20px;
+top: 50%;
+transform: translateY(-50%);
+z-index: 5;
+display: flex;
+flex-direction: column;
+gap: 15px;
+}
+.hero-social a:hover {
+
+background: var(--primary-color);
+}
+.hero-social a {
+width: 40px;
+height: 40px;
+background: rgba(255,255,255,0.2);
+display: flex;
+align-items: center;
+justify-content: center;
+border-radius: 50%;
+color: #fff;
+}
+.btn-primary-custom {
+ position: relative;
+ background: var(--primary-color);
+ padding: 13px 25px;
+ color: #fff !important;
+ overflow: hidden;
+ display: inline-block;
+ transition: 0.3s ease;
+ z-index: 1;
+}
+.btn-primary-custom::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: -100%;
+ width: 100%;
+ height: 100%;
+ background: #000; /* hover color */
+ transition: 0.4s ease;
+ z-index: -1;
+}
+
+.btn-primary-custom:hover::before {
+ left: 0;
+}
+
+.btn-primary-custom:hover {
+ color: #fff;
+}
+/* ================= HERO BOTTOM ================= */
+.hero-bottom {
+position: absolute;
+bottom: 0;
+width: 100%;
+display: flex;
+justify-content: space-between;
+z-index: 5;
+border-top: 1px solid rgba(255,255,255,0.2);
+}
+/* ITEMS */
+.hb-item {
+flex: 1;
+text-align: center;
+padding: 20px 10px;
+color: #fff;
+background: rgba(0,0,0,0.5);
+border-right: 1px solid rgba(255,255,255,0.2);
+transition: 0.3s;
+}
+/* ICON */
+.hb-item .icon {
+font-size: 22px;
+margin-bottom: 8px;
+color: var(--primary-color);
+}
+/* TEXT */
+.hb-item p {font-size: 14px;margin: 0;color: white;}
+/* HOVER EFFECT */
+.hb-item:hover {
+background: rgba(255,255,255,0.1);
+}
+/* CENTER ACTIVE BOX */
+.hb-item.active {
+background: rgba(80, 70, 60, 0.8);
+/* transform: translateY(-20px); */
+border: none;
+box-shadow: 0 10px 30px rgba(0,0,0,0.5);
+z-index: 2;
+}
+/* REMOVE BORDER LAST */
+.hb-item:last-child {
+border-right: none;
+}
+/* ================= PARTNERS ================= */
+.partners-section {background: #fff9f4;padding: 60px 0 20px;}
+.trustedpatnerqrap h6 {
+color: black;
+margin: 0 0 20px;
+}
+/* WRAPPER */
+.partners-wrapper {
+display: grid;
+grid-template-columns: repeat(6, 1fr);
+border: 1px solid #dddddd6e;
+}
+/* ITEM */
+.partner-item {
+height: 100px;
+display: flex;
+align-items: center;
+justify-content: center;
+border-right: 1px solid #dddddd6e;
+border-bottom: 1px solid #dddddd6e;
+background: #fff;
+transition: 0.3s;
+}
+/* REMOVE LAST BORDER */
+.partner-item:last-child {
+border-right: none;
+}
+/* IMAGE */
+.partner-item img {
+max-width: 120px;
+opacity: 0.6;
+transition: 0.3s;
+}
+/* HOVER */
+.partner-item:hover img {
+opacity: 1;
+transform: scale(1.05);
+}
+/* ================= SERVICES ================= */
+services-sectionwrap {
+background: #f5f2ef;
+padding-top: 80px;
+}
+/* TOP */
+.services-top {
+display: flex;
+justify-content: space-between;
+align-items: center;
+margin-bottom: 40px;
+gap: 20px;
+}
+.headprice {
+color: white !important;
+}
+/* TAG */
+.tag {
+color: var(--primary-color);
+font-weight: 600;
+display: inline-block;
+margin-bottom: 10px;
+}
+/* GRID */
+.services-grid {
+display: grid;
+grid-template-columns: repeat(4, 1fr);
+}
+/* CARD */
+.services-sectionwrap {
+
+padding: 80px 0;
+
+background: #FFF9F4;
+}
+.services-sectionwrap .service-card {position: relative;height: 420px;overflow: hidden;cursor: pointer;padding: 0;}
+/* IMAGE */
+.service-card img {
+width: 100%;
+height: 100%;
+object-fit: cover;
+transition: 0.6s ease;
+}
+/* DARK OVERLAY */
+.service-card .overlay {
+position: absolute;
+inset: 0;
+background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
+}
+/* TITLE */
+.service-card h3 {position: absolute;bottom: 20px;left: 20px;color: #fff;font-size: 20px;z-index: 2;text-align: center;}
+/* HOVER EFFECT */
+.service-card:hover img {transform: scale(1.1);}
+.service-card:hover .overlay {
+background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
+}
+.service-card:hover::after {
+border-color: #ffffff33;
+border: 1px solid #d06a1e99;
+}
+/* ================= SECTION ================= */
+.projects-section {
+background: #f5f2ef;
+padding: 80px 0;
+}
+/* TOP */
+.projects-top {
+display: flex;
+justify-content: space-between;
+align-items: center;
+margin-bottom: 40px;
+}
+/* ================= SLIDER LAYOUT ================= */
+.projects-slider {
+padding-left: calc((100% - 1140px) / 2); /* container align */
+}
+/* ================= CARD ================= */
+.project-card {
+position: relative;
+height: 400px;
+overflow: hidden;
+display: flex;
+}
+/* BEFORE / AFTER */
+.project-card img {
+width: 100%;
+height: 100%;
+object-fit: cover;
+}
+.before, .after {
+width: 50%;
+}
+/* DIVIDER LINE */
+.project-card::after {
+content: "";
+position: absolute;
+left: 50%;
+top: 0;
+width: 2px;
+height: 100%;
+background: #fff;
+}
+/* ================= ARROWS ================= */
+
+
+/* ================= INFO ================= */
+.project-info {
+margin-top: 15px;
+}
+.project-info span img {
+ width: 16px !important;
+ height: 16px !important;
+ transform: unset !important;
+ /* repeat band karega */
+ background-position: top center; /* image top pe align hogi */
+ background-size: cover;
+}
+.project-info span {color: var(--primary-color);font-size: 14px;gap: 2px;display: flex;align-items: center;}
+/* SECTION BACKGROUND */
+.pricing-section {
+background: url('../images/Transparency.png') center/cover no-repeat;
+padding: 80px 0;
+position: relative;
+}
+.pricing-section::before {
+content: "";
+position: absolute;
+inset: 0;
+background: rgba(0,0,0,0.55);
+}
+.pricing-section .container,
+.pricing-grid {
+position: relative;
+z-index: 2;
+}
+/* TOP */
+.sunroom-card .icon-box {
+ margin-bottom: 80px;
+}
+.services-top {
+display: flex;
+justify-content: space-between;
+align-items: center;
+color: #fff;
+margin-bottom: 30px;
+}
+.services-top h2 {
+color: black;
+}
+
+/* GRID */
+.pricing-grid {
+display: grid;
+grid-template-columns: repeat(2, 1fr);
+gap: 40px;
+}
+/* CARD */
+.pricing-card {
+background: #f3efe9;
+border: 11px solid white;
+padding: 50px;
+box-shadow: 0 10px 30px rgba(0,0,0,0.2);
+text-align: center;
+}
+.pricing-card h3 {
+font-size: 28px;
+margin-bottom: 20px;
+color: #3A3A3A;
+}
+/* SCRIPT STYLE TEXT */
+.starting {
+font-family: 'Ruthligos' !important;
+color: #f97316;
+font-size: 28px;
+margin: 10px 0;
+}
+/* PRICE */
+.price {
+font-size: 32px;
+font-weight: 700;
+margin-bottom: 15px;
+color: black;
+}
+/* DESC */
+.desc {
+font-size: 15px;
+color: #555;
+margin-bottom: 25px !important;
+max-width: 80%;
+margin: 0 auto;
+}
+.gallery-section {
+background: #ffffff;
+padding: 80px 0;
+}
+/* GRID */
+.gallery-grid {display: grid;grid-template-columns: 1fr 1.2fr 1fr;gap: 25px;margin-top: 0px;}
+/* ITEMS */
+.gallery-item {
+overflow: hidden;
+}
+.gallery-item img {
+width: 100%;
+height: 100%;
+object-fit: cover;
+display: block;
+transition: 0.4s;
+}
+/* SIZES */
+.gallery-item.big {
+height: 500px;
+}
+.gallery-center {
+display: flex;
+flex-direction: column;
+gap: 20px;
+}
+.gallery-item.wide {
+height: 240px;
+}
+.gallery-bottom {
+display: grid;
+grid-template-columns: 1fr 1fr;
+gap: 20px;
+}
+.gallery-bottom .gallery-item {
+height: 240px;
+}
+/* HOVER */
+.gallery-item:hover img {
+transform: scale(1.05);
+}
+.trades-section {
+background: #FFF5EC;
+padding: 80px 0;
+}
+/* TOP */
+.trades-top {
+display: flex;
+justify-content: space-between;
+align-items: center;
+margin-bottom: 40px;
+}
+.trades-top h2 {max-width: 650px;color: black;}
+/* SLIDER */
+.tradesSwiper {
+padding-bottom: 50px;
+}
+.info h4 {
+margin: 0;
+}
+.info span {
+color: #f97316;
+font-size: 13px;
+}
+.info p {font-weight: 300;font-size: 16px;margin-top: 18px;color: white;}
+/* CARD */
+.trade-card {position: relative;height: 480px;overflow: hidden;}
+/* IMAGE */
+.trade-card img {width: 100%;height: 480px;object-fit: cover;}
+/* OVERLAY */
+.trade-card .overlay {
+position: absolute;
+inset: 0;
+opacity: 1;
+background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%);
+transition: 0.4s;
+}
+/* CONTENT CENTER */
+.trade-card:hover .content {
+background: rgba(0, 0, 0, 0.4);
+backdrop-filter: blur(6px);
+}
+.trade-card .content {
+position: absolute;
+inset: 0;
+display: flex;
+flex-direction: column;
+justify-content: space-between;
+color: #fff;
+padding: 20px;
+padding: 18px;
+width: 90%;
+margin: 0 auto;
+height: 90%;
+margin: auto;
+}
+/* TITLE */
+.trade-card h3 {font-size: 28px;transition: 0.4s;padding-top: 30px;}
+/* INFO HIDDEN */
+.trade-card .info {
+opacity: 0;
+transform: translateY(20px);
+transition: 0.4s;
+margin-top: 10px;
+}
+/* HOVER */
+.trade-card:hover .overlay {
+opacity: 1;
+}
+.trade-card:hover .info {
+opacity: 1;
+transform: translateY(0);
+}
+.trade-card:hover h3 {
+transform: translateY(-10px);
+}
+/* OPTIONAL GLASS */
+.info {
+}
+.trade-card:hover img {
+transform: scale(1.05);
+transition: 0.4s;
+}
+/* SWIPER DOTS */
+.swiper-pagination-bullet {
+background: #fff;
+opacity: 0.5;
+}
+.swiper-pagination-bullet-active {
+background: #f97316;
+opacity: 1;
+}
+.testimonial-section {
+padding: 80px 0;
+background: #f5f2ef;
+}
+/* CARD */
+.testimonial-card {
+background: #fff;
+padding: 25px;
+border-radius: 6px;
+border: 1px solid #EBEBEB;
+box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.01);
+border-radius: 0px;
+display: flex;
+flex-direction: column;
+justify-content: space-between;
+}
+/* SHORT (ODD) */
+.testimonial-card.short {
+height: 220px;
+}
+/* LONG (EVEN) */
+.testimonial-card.long {
+height: 340px;
+}
+/* TEXT */
+.testimonial-card p {
+font-size: 14px;
+line-height: 1.6;
+color: #444;
+}
+/* USER */
+.user {
+display: flex;
+align-items: center;
+margin-top: 15px;
+}
+.user img {
+width: 40px;
+height: 40px;
+border-radius: 50%;
+margin-right: 10px;
+}
+.user h6 {
+margin: 0;
+font-size: 14px;
+color: #D06A1E;
+}
+.user span {
+font-size: 12px;
+color: #777;
+}
+/* LINK */
+.testimonial-card a {
+margin-top: 10px;
+font-size: 13px;
+color: #1768FF;
+text-decoration: none;
+}
+/* SWIPER */
+.swiper {
+padding-bottom: 50px;
+}
+.swiper-slide {
+width: 300px;
+}
+/* DOTS */
+.swiper-pagination-bullet {
+background: #D06A1E;
+opacity: 0.4;
+}
+.swiper-pagination-bullet-active {
+opacity: 1;
+}
+.contact-section{
+position:relative;
+padding:100px 20px;
+background:url('../images/contactback.png') center/cover no-repeat;
+}
+.contact-overlay{
+background:rgba(0,0,0,0.4);
+padding:60px 0;
+}
+/* TOP TEXT */
+.contact-header{
+text-align:center;
+color:#fff;
+margin-bottom:40px;
+}
+.contact-header span{
+color:#ff7a1a;
+font-size:14px;
+}
+.contact-header h2{
+font-size:32px;
+margin-top:10px;
+}
+/* MAIN BOX */
+.contact-box{
+display:flex;
+margin:auto;
+gap: 30px;
+}
+/* LEFT PANEL */
+.contact-left{
+background:#cc641c;
+color:#fff;
+padding:40px;
+width:35%;
+}
+.contact-left h3{
+font-size:28px;
+margin-bottom:15px;
+}
+.contact-left p{
+font-size:14px;
+margin-bottom:30px;
+line-height:1.6;
+color: white;
+}
+.contact-item{display:flex;align-items: center;margin-bottom:20px;}
+
+.contact-item img{
+background:#fff2;
+padding:10px;
+border-radius:6px;
+margin-right:12px;
+}
+.contact-item span{
+font-size:14px;
+display:block;
+}
+/* RIGHT FORM */
+.contact-right{
+padding:40px;
+width:65%;
+background: #FFF5EC;
+}
+.contact-right h3{
+margin-bottom:20px;
+color: black;
+}
+/* FORM GRID */
+.form-row{
+display:flex;
+gap:15px;
+margin-bottom:15px;
+}
+.form-row input{
+flex:1;
+}
+/* INPUT */
+input, textarea{
+width:100%;
+padding:14px;
+border:1px solid #ccc;
+outline:none;
+background:#fff;
+}
+textarea{
+height:120px;
+resize:none;
+}
+.content-area button {
+ float: none;
+ width: 270px;
+ margin-bottom: 30px;
+}
+/* BUTTON */
+button{background:#cc641c;color:#fff;border:none;padding:15px 25px;margin-top:15px;cursor:pointer;float:right;}
+
+.footer-section {
+ background: #FFF5EC;
+ color: #333;
+ }
+
+ /* TOP BAR */
+ .footer-top {
+ padding-bottom: 40px;
+ padding-top: 40px;
+ margin-bottom: 0px;
+ font-size: 14px;
+ }
+
+ .social-icons i {
+ margin-right: 15px;
+ color: #c46b2c;
+ cursor: pointer;
+ }
+
+ .go-top {
+ cursor: pointer;
+ }
+
+ /* MAIN */
+.footer-main {
+ background: white;
+ padding: 48px 20px;
+}
+ .footer-main h5 {
+ font-weight: 600;
+ margin-bottom: 15px;
+ }
+
+ .footer-main ul {
+ list-style: none;
+ padding: 0;
+ }
+ .footer-main ul li a {
+ color: black;
+}
+ .footer-main ul li {
+ margin-bottom: 8px;
+ position: relative;
+ padding-left: 12px;
+ font-size: 15px;
+ }
+
+ .footer-main ul li::before {
+ content: "•";
+ position: absolute;
+ left: 0;
+ color: #c46b2c;
+ }
+
+ .logo {
+ font-weight: 700;
+ font-size: 20px;
+ color: #c46b2c;
+ margin-bottom: 10px;
+ }
+
+ .footer-title {
+ font-weight: 700;
+ font-size: 28px;
+ margin-bottom: 15px;
+ margin-top: 40px;
+ }
+
+ .footer-desc {
+ font-size: 14px;
+ color: #666;
+ }
+
+ /* CONTACT BAR */
+ .contact-bar {
+ margin: 0px 0;
+ padding: 30px 0;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .contact-bar p {
+ margin: 0;
+ font-size: 14px;
+ margin-bottom: 4px;
+ color: #888;
+ }
+
+ .contact-bar strong {
+ font-size: 16px;
+ color: black;
+ font-weight: 600;
+ }
+
+ /* BOTTOM */
+ .footer-bottom p {
+ font-size: 14px;
+ color: #000000;
+ padding: 26px 0;
+ }
+ .footer-bottom a {
+ font-size: 14px;
+ color: #000000;
+ padding: 26px 0;
+ }
+
+.social-icons {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+.social-icons span:hover img {
+ filter: brightness(0) invert(1);
+
+}
+.social-icons span:hover {
+ background: var(--primary-color);
+ fill: white;
+}
+.social-icons span {
+ width: 38px;
+ height: 39px;
+ background: white;
+ border-radius: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.footerbottom {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+.footerbottom img {
+ padding: 18px 18px;
+ background: white;
+ border: 1px solid #d06a1e6b;
+}
+.footerbottom span {
+ text-align: left;
+}
+.footer--linewrap {
+ border-bottom: 1px solid #d06a1e40;
+}
+.borderbottom {
+ border-bottom: none;
+}
+.linefooterwrap {}
+.leftline {
+ border-left: 1px solid #d06a1e21;
+ border-right: 1px solid #d06a1e21;
+}
+
+.swipetop {
+ width: 22px; /* adjust size */
+ animation: bounceSmooth 2s infinite;
+ z-index: 9;
+ position: absolute;
+ bottom: 140px; /* niche se distance */
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+@keyframes bounceSmooth {
+ 0%, 100% {
+ transform: translateY(0);
+ opacity: 1;
+ }
+ 50% {
+ transform: translateY(10px);
+ opacity: 0.7;
+ }
+}
+.trustedpatnerqrap {
+
+background: white;
+
+padding: 30px 30px;
+}
+.img-comp-container {
+ position: relative;
+ /*should be the same height as the images*/
+ height: 470px;
+}
+
+.img-comp-img {
+ position: absolute;
+ width: auto;
+ height: auto;
+ overflow:hidden;
+ border-right: 3px solid #ffffff;
+}
+
+.img-comp-img img {
+ display:block;
+ vertical-align:middle;
+}
+
+.img-comp-slider {
+ background: url(../images/icons/arrowhouse.svg) !important;
+ position: absolute;
+ z-index:9;
+ cursor: ew-resize;
+ /*set the appearance of the slider:*/
+ width: 52px;
+ height: 52px;
+}
+.housearrow h5 {
+ color: black;
+}
+.housearrow p {
+ color: var(--primary-color);
+}
+
+
+/* Sliding background */
+.nav ul li a::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 0%;
+ height: 100%;
+ border-bottom: 2px solid var(--primary-color);
+ /* background: var(--primary-color); */
+ z-index: -1;
+ transition: all 0.4s ease;
+}
+
+/* Text color transition */
+.nav ul li a:hover {
+ color: #fff;
+}
+
+/* Animate Right → Left */
+.nav ul li a:hover::before {
+ left: 0;
+ right: auto;
+ width: 100%;
+}
+
+.nav ul li {
+ position: relative;
+}
+
+/* MEGA MENU */
+.mega-menu {
+ justify-content: space-between;
+ position: absolute;
+ top: 120%;
+ transform: translateX(-42%) translateY(20px) !important;
+ width: 1020px;
+ background: #f5f2ee;
+ display: flex;
+ padding: 30px;
+ gap: 0px;
+ opacity: 0;
+ visibility: hidden;
+ transform: translateY(20px);
+ transition: 0.4s ease;
+}
+
+/* SHOW ON HOVER */
+.services-menu:hover .mega-menu {
+ opacity: 1;
+ visibility: visible;
+ transform: translateY(0);
+}
+
+/* LEFT */
+.menu-left ul {
+ list-style: none;
+ padding: 0;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 0px !important;
+ width: 130%;
+}
+
+.menu-left li {
+ padding: 0px 0;
+ cursor: pointer;
+ color: #555;
+ transition: 0.3s;
+}
+
+.menu-left li:hover,
+.menu-left li.active {
+ color: #000;
+ /* transform: translateX(5px); */
+}
+
+/* RIGHT IMAGE */
+.menu-right img {
+ width: 380px;
+ height: 282px;
+ object-fit: cover;
+ border-radius: 0px;
+ transition: 0.4s ease;
+}
+.menu-left h2 {
+ color: black;
+}
+.services-menu a {
+ /* display: flex; */
+ /* align-items: center; */
+ gap: 6px;
+}
+.services-menu ul li a img {
+ padding: 0 0px 0 5px;
+}
+.services-menu ul li a {
+ color: black !important;
+ padding: 6px 0px 11px;
+}
+
+/* ARROW ICON */
+.arrow {
+ width: 8px;
+ height: 8px;
+ border-right: 2px solid #d06a1e;
+ border-bottom: 2px solid #d06a1e;
+ transform: rotate(45deg); /* DOWN ARROW */
+ transition: 0.3s ease;
+ margin-top: 2px;
+ margin-left: 4px;
+ margin-right: 4px;
+}
+
+/* HOVER → ARROW UP */
+.services-menu:hover .arrow {
+ transform: rotate(-135deg); /* UP ARROW */
+ right: 0;
+}
+
+/* VERTICAL LINE */
+.mega-menu::after {
+ content: "";
+ position: absolute;
+ top: 70px;
+ bottom: 20px;
+ height: 210px;
+ width: 1px;
+ background: linear-gradient(
+ to bottom,
+ transparent,
+ rgba(0,0,0,0.15),
+ transparent
+ );
+ left: 25%;
+}
+
+
+
+.hero-remodel-section {
+ background-image: url(../images/interiorbreadcamp.png);
+ position: relative;
+ height: 70vh;
+ display: flex;
+ align-items: end;
+ overflow: hidden;
+ padding-bottom: 90px;
+ background-repeat: round;
+}
+
+/* Dark Overlay */
+.hero-remodel-section::before {
+ /* content: ""; */
+ position: absolute;
+ inset: 0;
+ background: linear-gradient(
+ 90deg,
+ rgba(0, 0, 0, 0.75) 30%,
+ rgba(0, 0, 0, 0.3) 60%,
+ transparent 100%
+ );
+ z-index: 1;
+}
+
+/* Content */
+.hero-remodel-content {
+ position: relative;
+ z-index: 2;
+ color: #fff;
+}
+
+.hero-remodel-subtitle {
+ color: #ff7a00;
+ font-size: 18px;
+ font-weight: 500;
+ display: inline-block;
+ margin-bottom: 15px;
+}
+
+.hero-remodel-title {
+ font-size: 38px;
+ font-weight: 700;
+ line-height: 1.2;
+ margin-bottom: 10px;
+}
+
+.hero-remodel-text {
+ font-size: 16px;
+ color: #ddd;
+ max-width: 500px;
+ line-height: 1.6;
+}
+
+/* Big Background Text */
+.hero-remodel-bg-text {
+ position: absolute;
+ right: 50px;
+ bottom: 80px;
+ font-size: 120px;
+ font-weight: 700;
+ color: transparent;
+ -webkit-text-stroke: 1px rgba(255, 122, 0, 0.2);
+ line-height: 1;
+ z-index: 1;
+ text-align: right;
+}
+/* Heading */
+.kitchen-subtitle {
+ color: #c46a2c;
+ font-size: 16px;
+ font-weight: 500;
+ display: block;
+ margin-bottom: 10px;
+}
+
+.kitchen-title {
+ font-size: 32px;
+ font-weight: 600;
+ margin-bottom: 50px;
+ color: #333;
+}
+
+
+/* Card Box */
+.kitchen-card-box {
+ background: #fff;
+ padding: 15px;
+ border: 1px solid #E8E8E8;
+ transition: all 0.4s ease;
+}
+
+.kitchen-card-box img {
+ width: 100%;
+ height: 330px;
+ object-fit: cover;
+}
+.blog-card .overlay {
+ display: block;
+ align-items: center;
+ justify-content: unset;
+ bottom: 13px;
+ top: auto;
+ background: white;
+ width: 90%;
+ left: 5%;
+ right: auto;
+}
+
+.kitchen-card-box h5 {
+ font-size: 18px;
+ font-weight: 600;
+ margin-top: 15px;
+ color: #000000;
+}
+
+/* Active Cards (Center ones) */
+.active-card {
+}
+
+/* Fade Side Cards */
+.fade-card {
+ /* transform: scale(0.95); */
+ position: relative;
+ top: 50px;
+}
+
+/* Hover Effect */
+.kitchen-card-box:hover {
+ transform: translateY(-8px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.08);
+}
+
+.bathroom-sanctuary-section {
+ padding: 80px 0;
+}
+
+/* Heading */
+.bathroom-subtitle {
+ color: #c46a2c;
+ font-size: 16px;
+ font-weight: 500;
+ display: block;
+ margin-bottom: 10px;
+}
+
+.bathroom-title {
+ font-size: 32px;
+ font-weight: 600;
+ margin-bottom: 50px;
+ color: #333;
+}
+
+/* Cards */
+.bathroom-card-wrapper {
+ /* gap: 30px; */
+}
+
+/* Card Box */
+.bathroom-card-box {
+ padding: 15px;
+ transition: all 0.4s ease;
+ background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F4 100%);
+ border: 1px solid #E8E8E8;
+ box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.01);
+ border-radius: 0px;
+}
+
+.bathroom-card-box img {
+ width: 100%;
+ height: 260px;
+ object-fit: cover;
+}
+.kitchen-transform-section {
+ background: #FFF9F4;
+ padding: 70px 0 120px;
+}
+.bathroom-card-box h5 {
+ font-size: 18px;
+ font-weight: 600;
+ margin-top: 15px;
+ color: #333;
+}
+
+/* Center Highlight */
+.center-card {
+}
+
+/* Side Cards */
+.side-card {position: relative;top: 60px;}
+
+/* Hover Effect */
+.bathroom-card-box:hover {
+ transform: translateY(-8px);
+ box-shadow: 0 15px 30px rgb(0 0 0 / 4%);
+}
+
+.kitchen-grid-section {
+ padding: 80px 0;
+ background: white;
+}
+
+/* Heading */
+.kitchen-grid-subtitle {
+ color: #c46a2c;
+ font-size: 16px;
+ font-weight: 500;
+ display: block;
+ margin-bottom: 10px;
+}
+
+.kitchen-grid-title {
+ font-size: 32px;
+ font-weight: 600;
+ margin-bottom: 50px;
+ color: #333;
+}
+
+/* Card */
+.kitchen-grid-card {
+ background: #fff;
+ padding: 15px;
+ border: 1px solid #E8E8E8;
+ transition: all 0.4s ease;
+ height: 100%;
+}
+
+.kitchen-grid-card img {
+ width: 100%;
+ height: 330px;
+ object-fit: cover;
+}
+
+.kitchen-grid-card h5 {
+ width: 70%;
+ font-size: 18px;
+ font-weight: 600;
+ margin-top: 15px;
+ color: #000000;
+}
+
+/* Hover */
+.kitchen-grid-card:hover {
+ transform: translateY(-8px);
+ box-shadow: 0 15px 30px rgba(0,0,0,0.08);
+}
+
+.cta-transform-section {
+ padding: 0px 0 80px;
+ background: white;
+}
+
+/* Box */
+.cta-box {
+ background: #FFF9F5;
+ padding: 60px 40px;
+ border: 1px solid #F8F3E1;
+ position: relative;
+}
+
+/* Inner subtle border effect */
+.cta-box::before {
+ content: "";
+ position: absolute;
+ inset: 10px;
+ border: 1px solid #F8F0EB;
+}
+
+/* Title */
+.cta-title {
+ font-size: 32px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 15px;
+}
+
+/* Text */
+.cta-text {
+ font-size: 16px;
+ color: #555;
+ max-width: 600px;
+ margin: 0 auto 30px;
+ line-height: 1.6;
+}
+
+.pillars-section {
+ background: #FFF9F4;
+ padding: 80px 0;
+}
+
+/* Card */
+.pillar-card h5 {
+ color: black;
+ margin: 20px 0 16px;
+}
+.pillar-card {
+ position: relative;
+ background: #fff;
+ padding: 35px 30px;
+ border: 1px solid #eee;
+ border-radius: 4px;
+ text-align: left;
+ height: 100%;
+ transition: 0.3s ease;
+}
+
+.pillar-card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 10px 30px rgba(0,0,0,0.05);
+}
+
+
+/* Text */
+.pillar-card p {
+ font-size: 16px;
+ color: #666;
+ line-height: 1.6;
+}
+.connected-home-section {
+ background: #FCFCFC;
+ padding: 80px 0;
+ text-align: center;
+}
+
+
+/* Image box */
+.home-image-wrapper {}
+
+.home-image-wrapper img {
+ width: 100%;
+ max-width: 100%;
+}
+
+/* Bottom list */
+.home-features {
+ margin-top: 30px;
+}
+
+.home-features ul {
+ list-style: none;
+ padding: 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 20px 40px;
+}
+
+.home-features ul li {
+ font-size: 14px;
+ color: #555;
+ position: relative;
+ padding-left: 15px;
+}
+
+/* Dot */
+.home-features ul li::before {
+ content: "•";
+ position: absolute;
+ left: 0;
+ color: #000;
+}
+.design-gallery-section {
+ padding: 80px 0;
+}
+
+/* Orange Tag */
+.design-gallery-section .sub-tag {
+ color: #d57c3c;
+ font-size: 14px;
+ margin-bottom: 10px;
+ font-weight: 500;
+}
+/* Gallery Row spacing */
+.gallery-row {
+ row-gap: 25px;
+}
+
+/* Card */
+.gallery-card {
+ overflow: hidden;
+ border-radius: 0px;
+}
+
+/* Image */
+.gallery-card img {
+ width: 100%;
+ height: 220px;
+ object-fit: cover;
+ border-radius: 0px;
+ transition: 0.4s ease;
+}
+
+/* Hover effect */
+.gallery-card:hover img {
+ transform: scale(1.05);
+}
+.sunroom-section {
+ padding: 80px 0;
+}
+
+/* Tag */
+.sunroom-section .sub-tag {
+ color: #d57c3c;
+ font-size: 14px;
+ margin-bottom: 10px;
+ font-weight: 500;
+}
+
+/* Card */
+.sunroom-card {
+ border: 1px solid #EDBE9C;
+ padding: 5px;
+ gap: 20px;
+ background: transparent;
+}
+
+/* Reverse layout */
+.sunroom-card.reverse {
+ flex-direction: row-reverse;
+}
+
+/* Content */
+.card-content {
+ flex: 1;
+ padding: 0 30px;
+}
+
+.card-content h5 {
+ font-size: 18px;
+ font-weight: 600;
+ margin: 15px 0 10px;
+ color: black;
+}
+
+.card-content p {
+ font-size: 14px;
+ color: #666;
+ line-height: 1.6;
+}
+
+/* Image */
+.card-image {
+ flex: 1;
+}
+
+.card-image img {
+ width: 100%;
+ height: 310px;
+ object-fit: cover;
+}
+.tech-item .icon-box {
+ width: 66px;
+ height: 66px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 1px solid #d06a1e63;
+ background: white;
+ border-radius: 60px;
+ margin: 0 0 20px;
+}
+/* Icon */
+.icon-box {
+ width: 66px;
+ height: 66px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, #FFFFFF 23.58%, #FFF5EC 80.86%);
+ border: 1px solid #d06a1e17;
+}
+
+.icon-box img {
+ width: 30px;
+ height: 30px;
+ object-fit: fill;
+}
+.custom-accordion .accordion-item {
+ border: none;
+ /* border-bottom: 1px solid #ddd; */
+ margin-bottom: 20px;
+ overflow: hidden;
+ border-radius: 12px;
+ background: #fff;
+}
+
+.custom-accordion .accordion-button {
+ background: #fff;
+ color: #000000d4;
+ font-size: 18px;
+ font-weight: 600;
+ padding: 20px 24px;
+ box-shadow: none !important;
+ border: none;
+}
+
+.custom-accordion .accordion-button:not(.collapsed) {
+ background: #fff;
+ color: #000;
+ box-shadow: none;
+}
+
+.custom-accordion .accordion-button:focus {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+/* Smooth collapse area */
+.custom-accordion .accordion-collapse {
+ overflow: hidden;
+ transition: height 0.4s ease;
+}
+
+.custom-accordion .accordion-body {
+ padding: 0 24px 20px 24px;
+ color: #555;
+ font-size: 15px;
+ line-height: 1.7;
+}
+
+
+
+
+
+.sunroom-sectionback {
+ background: url(../images/faqbread.png);
+ padding: 80px 0;
+ position: relative;
+}
+.menu-left ul li {
+}
+
+
+
+.custom-accordion .accordion-button {
+ font-size: 20px;
+ padding: 23px 20px;
+ box-shadow: none;
+ border-radius: 10px !important;
+ margin-top: 0;
+ FLOAT: unset;
+}
+
+/* Remove default icon */
+.custom-accordion .accordion-button::after {
+ content: "";
+ background-image: url(../images/icons/plusarrow.svg);
+ transform: rotate(0deg);
+ transition: 0.3s;
+}
+
+/* Rotate arrow */
+.custom-accordion .accordion-button:not(.collapsed)::after {
+ content: "";
+ background-image: url(../images/icons/minus.svg);
+ transform: rotate(0deg);
+ transition: 0.3s;
+}
+
+.custom-accordion .accordion-body {
+ background: #fff;
+}
+.endbreadcamp {
+ text-align: end;
+}
+
+
+.services-section {
+ background: #0f1720;
+ padding: 80px 0;
+ color: #fff;
+}
+
+/* CARD STYLE */
+.service-card {
+ padding: 40px 30px;
+ background: #0b1118;
+ height: 100%;
+ transition: 0.3s ease;
+}
+.services-grid .service-card::before {
+ content: "";
+ background-image: url(../images/kitchenseprater.png);
+ width: 1px;
+ position: absolute;
+ top: 0;
+ height: 100%;
+}
+
+.service-card h4 {
+ margin-top: 27px;
+ font-size: 19px;
+ font-weight: 600;
+}
+
+.service-card p {
+ color: #dcdcdc;
+ font-size: 17px;
+ margin-top: 10px;
+}
+
+/* ICON BOX */
+.service-card .icon-box {
+ width: 60px;
+ height: 60px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 20px;
+ background: rgba(208, 106, 30, 0.21);
+ border: 1px solid #D06A1E;
+}
+.services-sectionwrap .service-card:hover {
+ transform: unset;
+}
+/* HOVER EFFECT 🔥 */
+.service-card:hover {
+ transform: translateY(-10px);
+ background: #0F1317;
+ box-shadow: 0 10px 30px rgba(255, 122, 0, 0.2);
+}
+
+
+
+
+
+
+
+.process-section {
+ padding: 80px 0;
+ overflow: hidden;
+}
+
+
+/* PROCESS FLOW */
+.process-flow {
+ display: flex;
+ align-items: flex-start;
+ gap: 22px;
+ flex-wrap: wrap;
+ position: relative;
+ justify-content: space-between;
+}
+
+.process-item {
+ position: relative;
+ width: 220px;
+ flex: 0 0 233px;
+}
+
+.process-item.down {
+ margin-top: 45px;
+}
+
+
+
+
+.process-card h4 {
+ font-size: 18px;
+ font-weight: 600;
+ margin-bottom: 8px;
+ color: #000000;
+ margin-top: 30px;
+}
+
+.process-card p {
+ font-size: 15px;
+ line-height: 1.6;
+ color: #000000;
+ margin: 0;
+}
+
+/* connector arrows */
+.connector {
+ position: absolute;
+ top: -2px;
+ right: -63px;
+ font-size: 28px;
+ color: #d97a2b;
+ font-weight: 500;
+ z-index: 2;
+}
+
+.process-item.down .connector {
+ top: auto;
+ bottom: -8px;
+}
+
+.process-item:last-child .connector {
+ display: none;
+}
+.copntactwrappadd {
+ padding-top: 170px;
+}
+.locationflex {
+ display: flex;
+ gap: 4px;
+ align-items: center;
+}
+.locationflex p {
+ color: #3A3A3A;
+ font-size: 15px;
+ font-weight: 600;
+}
+.custom-accordion {
+ width: 80%;
+ margin: 0 auto;
+}
+
+.luxury-section {
+ position: relative;
+ background: url('../images/woodmarkback.png') center/cover no-repeat;
+ padding: 80px 0 0;
+ color: #fff;
+ overflow: hidden;
+}
+
+.overlay-hero {
+ position: relative;
+ background: url('../images/your-bg.jpg') center/cover no-repeat;
+ padding: 120px 0;
+ overflow: hidden;
+}
+
+/* Dark + orange overlay */
+.overlay-hero::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 0.85),
+ rgba(0, 0, 0, 0.6),
+ rgba(214, 106, 31, 0.75)
+ );
+ z-index: 1;
+}
+
+/* Content above overlay */
+.overlay-content {
+ position: relative;
+ z-index: 2;
+ color: #fff;
+}
+
+.overlay-content h2 {
+ font-size: 36px;
+ font-weight: 600;
+ margin-bottom: 15px;
+}
+
+.overlay-content p {
+ font-size: 16px;
+ color: #eee;
+ line-height: 1.6;
+}
+.luxury-section h2 span {
+ color: #ffffff9c;
+}
+.luxury-section h2 {
+color: white;
+}
+
+
+/* Content */
+.luxury-content {
+ position: relative;
+ z-index: 2;
+ margin-bottom: 50px;
+}
+
+/* Stats Section */
+.luxury-stats {
+ position: relative;
+ z-index: 2;
+ border-top: 1px solid rgba(255,255,255,0.2);
+}
+
+.stat-box {
+ padding: 50px 20px;
+ border-right: 1px solid rgba(255,255,255,0.2);
+}
+
+.stat-box:last-child {
+ border-right: none;
+}
+
+.stat-box h3 {
+ font-size: 32px;
+ font-weight: 600;
+ margin-bottom: 5px;
+}
+
+.stat-box p {
+ font-size: 14px;
+ color: #ddd;
+ margin: 0;
+}
+
+/* Mobile Fix */
+@media (max-width: 767px) {
+ .luxury-content h2 {
+ font-size: 22px;
+ }
+
+ .stat-box {
+ border-right: none;
+ border-bottom: 1px solid rgba(255,255,255,0.2);
+ }
+
+ .stat-box:nth-child(2n) {
+ border-bottom: 1px solid rgba(255,255,255,0.2);
+ }
+}
+
+.expertise-section {
+ padding: 80px 0;
+}
+
+/* Slider */
+.expertise-slider {
+ padding-bottom: 50px;
+}
+
+/* Card */
+.card-box {
+ position: relative;
+ overflow: hidden;
+ border-radius: 6px;
+ cursor: pointer;
+}
+
+.card-box img {
+ width: 100%;
+ height: 320px;
+ object-fit: cover;
+ transition: 0.5s ease;
+}
+
+/* Overlay gradient */
+.card-box .overlay {
+ position: absolute;
+ inset: 0;
+ transition: 0.4s;
+ background: unset;
+ transform: translate(0%, 0%);
+ width: 100%;
+}
+
+/* Content */
+.card-box .content {
+ position: absolute;
+ bottom: 25px;
+ left: 25px;
+ color: #fff;
+ z-index: 2;
+}
+
+.card-box h4 {
+ font-size: 24px;
+ margin-bottom: 6px;
+}
+
+.card-box p {
+ font-size: 14px;
+ color: #ddd;
+}
+
+/* Hover Effects 🔥 */
+.card-box:hover img {
+ transform: scale(1.08);
+}
+
+.card-box:hover .overlay {
+ background: linear-gradient(to top, rgb(0 0 0 / 80%), transparent);
+}
+
+/* Pagination */
+.swiper-pagination-bullet {
+ background: #ddd;
+ opacity: 1;
+}
+
+.swiper-pagination-bullet-active {
+ background: #c8641c;
+ width: 20px;
+ border-radius: 10px;
+}
+.services-sectionwrapfull h2 {
+ color: white;
+}
+
+.process-section {
+ padding: 0px 0 0;
+ position: relative;
+}
+
+/* Row line */
+.process-row {
+ /* position: relative; */
+ margin-top: 60px;
+ justify-content: space-between;
+}
+
+/* Dotted connecting line */
+.lineprocess::before {
+ content: "";
+ position: absolute;
+ width: 100%;
+ height: 180px;
+ background: url(../images/icons/processway.png);
+ z-index: 0;
+}
+
+
+.process-card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 10px 25px rgba(0,0,0,0.08);
+}
+
+/* Number circle */
+.step-number {
+ position: absolute;
+ top: -25px;
+ left: -10px;
+ width: 50px;
+ height: 50px;
+ background: #c8641c;
+ color: #fff;
+ font-size: 22px;
+ font-weight: 600;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border: 5px solid #fff;
+ box-shadow: 0 5px 10px rgba(0,0,0,0.1);
+}
+
+/* Text */
+.process-card h4 {
+ margin-top: 20px;
+ font-size: 18px;
+ font-weight: 600;
+ color: #111;
+}
+
+.process-card p {
+ font-size: 14px;
+ color: #666;
+ margin-top: 10px;
+}
+.woodmarksection {
+ background: #FFFFFF;
+ border: 1px solid #EDBE9C;
+ box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.01);
+ border-radius: 0px;
+ padding: 25px 15px;
+}
+.woodwork-img {
+ width: 63%;
+}
+.woodwork-img img {
+ width: 100%;
+ height: 400px;
+ object-fit: cover;
+}
+.woodwork-content:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ color: #c46b2c;
+ width: 4px;
+ left: -100px;
+ height: 100%;
+ background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(208, 106, 30, 0.3) 49.04%, rgba(255, 255, 255, 0.3) 100%);
+}
+.woodwork-content {
+ position: relative;
+}
+.woodwork-content h2 {
+ color: black;
+}
+.woodwork-content h5 {
+ color: var(--primary-color);
+}
+.woodwork-content p {
+ padding: 18px 0;
+ width: 70%;
+ font-weight: 400;
+}
+.woodwork-content ul {
+ margin-bottom: 30px;
+}
+.woodwork-content ul li:before {
+ content: "";
+ top: 12px;
+ width: 8px;
+ position: absolute;
+ left: 0;
+ color: #c46b2c;
+ border-radius: 22px;
+ height: 8px;
+ background: var(--primary-color);
+}
+.woodwork-content ul li {
+ position: relative;
+ color: black;
+ font-weight: 400;
+ padding: 3px 20px;
+}
+
+.services-sectionwrapfull {
+ background-color: #1A1D20;
+ padding: 80px 0;
+ color: #fff;
+}
+
+
+.services-row {
+ row-gap: 25px;
+}
+
+.service-box {
+ padding: 31px;
+ height: 100%;
+ transition: 0.3s ease;
+ background: #1B2025;
+ border: 1px solid #2A2F36;
+}
+
+.service-box h5 {
+ font-size: 20px;
+ margin-bottom: 15px;
+}
+
+.service-box p {
+ color: #ffffff;
+ font-size: 15px;
+ line-height: 1.6;
+}
+
+.service-box:hover {
+ border-color: #f97316;
+ transform: translateY(-5px);
+}
+
+.viz-section {
+ background-color: #1A1D20;
+ padding: 10px 0;
+ color: #fff;
+}
+
+.viz-header {
+ margin-bottom: 50px;
+}
+
+
+.viz-card {
+ background-color: #ffffff;
+ padding: 32px 20px;
+ margin-bottom: 30px;
+}
+
+.viz-card img {
+ width: 100%;
+ height: auto;
+ display: block;
+}
+
+.viz-content {
+ padding: 10px 20px;
+}
+
+.viz-content h4 {
+ font-size: 23px;
+ font-weight: 600;
+ margin-bottom: 10px;
+ color: #1e293b;
+}
+
+.viz-content p {
+ color: #272727;
+ width: 68%;
+ margin-bottom: 30px;
+}
+
+.viz-content ul {
+ padding-left: 18px;
+}
+.visualmatterwrap {
+ background: #1B2025;
+ border: 1px solid #2A2F36;
+ height: 380px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 0 40px;
+}
+.viz-content ul li:before {
+ content:"";
+ left: -17px;
+ top: 11px;
+ position: absolute;
+ height: 5px;
+ width: 5px;
+ border-radius: 22px;
+ background: #303336;
+}
+.viz-content ul li {
+ position: relative;
+ color: #303336;
+ margin-bottom: 7px;
+ font-size: 17px;
+}
+
+.design-section {
+ padding: 80px 0;
+}
+
+.design-header {
+ margin-bottom: 40px;
+}
+
+.design-header .tag {
+ color: #c2410c;
+ font-size: 14px;
+ display: inline-block;
+ margin-bottom: 10px;
+ font-weight: 500;
+}
+
+.design-header h2 {
+ font-size: 36px;
+ font-weight: 600;
+ color: #1e293b;
+ line-height: 1.4;
+}
+
+.design-header h2 span {
+ color: #64748b;
+ font-weight: 400;
+}
+
+.design-images {
+ margin-bottom: 30px;
+}
+
+.img-box {
+ overflow: hidden;
+}
+
+.img-box img {
+ width: 100%;
+ height: 300px;
+ object-fit: cover;
+ display: block;
+}
+
+.design-text p {
+ font-size: 16px;
+ color: #475569;
+ max-width: 900px;
+ line-height: 1.7;
+}
+
+.outdoorkitchen {
+ padding: 0 0 120px;
+}
+.small-title {
+ letter-spacing: 1px;
+ font-size: 14px;
+}
+
+.services-sectionwrapfull .img-box {border: 1px solid var(--primary-color);}
+
+.services-sectionwrapfull .img-box img {
+ width: 100%;
+ height: 376px;
+ object-fit: cover;
+ display: block;
+}
+.visualmatter {
+
+}
+.visualmatterwrap .services-top {
+ margin: 0;
+}
+.visualmatterwrap p {
+ color: #dbdbdb !important;
+ font-size: 18px;
+}
+
+p.text-muted {}
+
+
+
+.tech-section {
+ background-color: #FFF9F4;
+ padding: 80px 0;
+}
+
+.description {
+ color: #666;
+ font-size: 16px;
+}
+
+.tech-item {
+ text-align: center;
+ margin-bottom: 30px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.pillar-card.icon-box {
+ width: 70px;
+ height: 70px;
+ border: 1px solid #e2cfc1;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: 0 auto 15px;
+ font-size: 22px;
+ color: #c86b1f;
+ background: #fff;
+ transition: 0.3s;
+}
+
+
+.tech-item h5 {
+ font-size: 17px;
+ font-weight: 600;
+ margin-bottom: 5px;
+ color: black;
+}
+
+.tech-item p {
+ font-size: 15px;
+ color: #666;
+}
+.outdoorwrap {
+ padding: 60px 0 60px;
+}
+.numberline {
+ background: #1B2025;
+ border: 3.20502px solid #282F36;
+ border-radius: 50px;
+ width: 48px;
+ height: 48px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 20px;
+ margin-bottom: 20px;
+}
+
+.tab-box{
+ color: black;
+ border: 1px solid #F6DFCB;
+ padding:15px;
+ margin-bottom:10px;
+ cursor:pointer;
+ background: #ffffff;
+ transition:0.3s;
+}
+
+.tab-box.active{
+ background:#c86b1f;
+ color:#fff;
+}
+
+.tab-box:hover{
+ background: var(--primary-color);
+ color: white;
+}
+
+.content-area{
+ padding-left:30px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.content-area h4{
+ font-weight: 500;
+ font-size: 20px;
+ color: black;
+ line-height: 31px;
+ margin-bottom: 30px;
+}
+.tabsapproval {background: #FFF9F4;padding: 70px 0 0;}
+#mainImage {
+ width: 100%;
+ height: 540px;
+ object-fit: cover;
+ border: 0px;
+ border-radius: 0px !important;
+}
+.wraptask {
+ margin-top: 30px;
+}
+.tabsapproval .tag {
+ width: 60%;
+}
+.tabsapproval h2 {
+ color: black;
+ width: 70%;
+}
+.process-section {
+ padding: 70px 0 70px;
+}
+
+
+.process-card {
+
+border: 1px solid #e8a57d;
+
+padding: 28px 26px;
+
+min-height: 172px;
+
+display: flex;
+
+flex-direction: column;
+
+justify-content: center;
+
+margin-bottom: 14px;
+
+transition: 0.3s;
+}
+
+.process-card:last-child {
+ margin-bottom: 0;
+}
+
+.process-card h3 {
+ font-size: 17px;
+ line-height: 1.3;
+ font-weight: 600;
+ color: #1f1f1f;
+ margin-bottom: 10px;
+}
+
+.process-card p {
+ font-size: 16px;
+ line-height: 1.6;
+ color: #555;
+ margin-bottom: 0;
+}
+
+.process-image img {
+ width: 100%;
+ height: 359px;
+ object-fit: cover;
+ display: block;
+}
+
+.sectionwrapfullwrap {
+ padding: 0 0 70px;
+}
+
+.design-images h5 {
+ color: black;
+ margin: 20px 0 0;
+}
+.processswrap {
+
+}
+.process-flow .process-item .step-number {
+ position: absolute;
+ top: 5px;
+ justify-content: flex-end;
+ background: unset;
+ box-shadow: unset;
+ right: 14px;
+ left: 0;
+ -webkit-text-stroke: 1px #bdbdbd; /* outline */
+ font-size: 23px;
+ width: auto;
+ height: auto;
+ border: unset;
+}
+.processwoodmark {
+
+padding: 0 0 70px;
+}
+.lineprocess .process-card .step-number {}
+.process-row .process-card {
+ position: relative;
+ max-width: 270px;
+ border-radius: 12px;
+ background: white;
+}
+.process-item .process-card h4 {
+ margin: 20px 0 0px;
+}
+.process-item .process-card p {
+ margin: 5px 0 0px;
+}
+
+/* */
+
+
+
+.blog-grid {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 25px;
+}
+/* CARD */
+.blog-card {
+ position: relative;
+ overflow: hidden;
+ border-radius: 0px;
+}
+
+/* IMAGE */
+.blog-card img {
+ width: 100%;
+ height: 440px;
+ object-fit: cover;
+ transition: transform 0.4s ease;
+}
+.blog-card .overlay img {
+ width: 17px;
+ height: 17px;
+}
+
+/* OVERLAY DEFAULT (only 20% visible) */
+.overlay {
+ position: absolute;
+ left: 50%;
+ bottom: 0;
+ /* transform: translate(-50%, -25%); */ /* mostly hidden */
+ width: 100%;
+ padding: 20px;
+ background: white;
+ border-radius: 1px;
+ transition: all 0.4s ease;
+}
+
+
+/* IMAGE ZOOM */
+.blog-card:hover img {
+ transform: scale(1.05);
+}
+
+.blog-title {
+ font-size: 24px;
+ font-weight: 600;
+ margin-bottom: 15px;
+ color: black;
+}
+
+.blog-meta {
+ color: #777;
+ font-size: 14px;
+}
+
+.blog-content p {
+ color: #555;
+ line-height: 1.7;
+}
+.blog-card span {
+ color: black;
+ font-size: 14px;
+ opacity: 0.6;
+}
+.blog-card h3 {
+ color: black;
+ margin: 10px 0 3px;
+ font-size: 21px;
+ width: 90%;
+ line-height: 32px;
+}
+/* SIDEBAR */
+.sidebar-sticky {
+ position: sticky;
+ top: 100px;
+}
+
+.sidebar-box {
+ padding: 30px 0 0;
+ border-radius: 10px;
+ background: rgb(255 255 255);
+}
+
+.sidebar-title {
+ font-weight: 600;
+ margin-bottom: 10px;
+ position: relative;
+ color: black;
+ padding: 0 29px;
+}
+
+.sidebar-box::before {
+ content: "";
+ width: 2px;
+ position: absolute;
+ height: 28px;
+ left: 0px;
+ background: #d06a1e;
+ display: inline-block;
+ margin-right: 10px;
+}
+
+.post-item img {
+ width: 150px;
+ min-width: 160px;
+ height: 120px;
+ object-fit: cover;
+ border-radius: 0px;
+ margin-right: 10px;
+}
+
+.post-item p {
+ font-size: 19px;
+ margin: 0;
+ font-weight: 500;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+
+.post-item .date {
+ font-size: 12px;
+ color: #888;
+}
+.blog-content h4 {
+ color: black;
+ margin: 0 0 20px;
+}
+.blog-content ul {
+ margin: 0 0 30px;
+ position: relative;
+}
+.blog-content img {
+ width: 100%;
+ height: 400px;
+ object-fit: cover;
+ border-radius: 0 !important;
+}
+.blog-content ul li:before {
+ content: "•";
+ position: absolute;
+ left: 0px;
+ color: rgb(196, 107, 44);
+}
+.blog-content ul li {
+ color: black;
+ margin: 0 10px 10px;
+}
+.blog-details-section {
+ padding: 50px 0;
+ background: #fff9f4;
+}
+.post-item {
+ margin: 0 !important;
+ border-bottom: 1px solid #80808024;
+ padding: 27px 30px;
+ gap: 10px;
+}
+.feature-box {
+ margin-bottom: 34px !important;
+}
+.processwrap-section {
+ background: #FFF9F4;
+ padding: 70px 0;
+ position: relative;
+}
+
+.processwrap-title {
+ font-size: 32px;
+ font-weight: 600;
+}
+
+.processwrap-title span {
+ color: #888;
+}
+
+.processwrap-subtitle {
+ color: #666;
+ max-width: 600px;
+ margin: auto;
+}
+
+/* Timeline */
+.processwrap-timeline:after {
+ content:"";
+ position: absolute;
+ top: 0;
+ left: 50%;
+ top: 0;
+ width: 42px;
+ height: 2px;
+ background: #e2d6cc;
+ transform: translateX(-50%);
+}
+.processwrap-timeline {
+ position: relative;
+ padding: 0px 0;
+}
+
+.processwrap-timeline::before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ width: 1px;
+ height: 100%;
+ background: #2f281d42;
+ transform: translateX(-50%);
+}
+
+.process-cardwrap::before {
+ content: "";
+ position: absolute;
+ left: 0px;
+ top: 0;
+ width: 1px;
+ height: 100%;
+ background: #2f281d12;
+ transform: translateX(-50%);
+}
+
+/* Dots */
+.processwrap-item {
+ position: relative;
+ margin-bottom: 0px;
+}
+
+.processwrap-item::before {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 70px;
+ width: 48px;
+ height: 48px;
+ background: #fff;
+ border: 2px solid #e2d6cc;
+ border-radius: 50%;
+ transform: translateX(-50%);
+ z-index: 2;
+}
+
+.processwrap-item::after {
+ content: "";
+ position: absolute;
+ left: 50%;
+ top: 91px;
+ width: 6px;
+ height: 6px;
+ background: #d86f2d;
+ border-radius: 50%;
+ transform: translateX(-50%);
+ z-index: 3;
+}
+
+/* Card */
+.right .processwrap-card {
+ float: unset;
+}
+.processwrap-card span img {
+ width: 15px;
+}
+.processwrap-card span {
+ width: 54px;
+ height: 51px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient(135deg, rgb(255, 255, 255) 23.58%, rgb(255, 245, 236) 80.86%);
+ border: 1px solid rgba(208, 106, 30, 0.09);
+}
+.processwrap-card {
+ background: #fff;
+ padding: 25px;
+ border: 1px solid #FFDEC0;
+ border-radius: 0px;
+ position: relative;
+ max-width: 390px;
+ float: inline-end;
+ margin: 0px 30px 0px;
+}
+
+.processwrap-card h5 {
+ font-weight: 600;
+ margin-bottom: 10px;
+ color: black;
+ display: flex;
+ align-items: center;
+ gap: 20px;
+}
+
+.processwrap-card p {
+ color: #666;
+ font-size: 14px;
+ width: 70%;
+ margin: 30px 0 0;
+}
+
+/* Number */
+.processwrap-card .number {
+ -webkit-text-stroke: 1px #d2d2d296;
+ position: absolute;
+ right: 39px;
+ top: 50px;
+ font-size: 40px;
+ color: unset;
+ font-weight: 700;
+ width: 0;
+ height: 0;
+}
+
+.post-item:last-child {
+ border-bottom: none;
+}
+.process-sectionbottom {
+ padding: 70px 0;
+}
+.process-cardwrap {
+ border-left: 1px solid #e0e0e0;
+ padding-left: 20px;
+ height: 100%;
+ position: relative;
+ padding: 40px 0px 0 20px;
+}
+.process-cardwrap .number {
+ font-size: 18px;
+ color: #999;
+ display: block;
+ margin-bottom: 10px;
+}
+
+.process-cardwrap h5 {
+ font-weight: 600;
+ margin-bottom: 25px;
+ color: black;
+}
+
+.process-cardwrap img {
+ width: 100%;
+ height: 160px;
+ object-fit: cover;
+ margin-bottom: 15px;
+}
+
+.process-cardwrap p {
+ color: #666;
+ font-size: 16px;
+ width: 73%;
+ margin-top: 10px;
+}
+
+/* Remove border from first */
+.process-cardwrap:first-child {
+ border-left: none;
+}
+
+.paddprocesswith .processwrap-card {margin-top: 24px;}
+.ourprocesswraptop {
+ height: 70vh;
+}
+
+.featured-projects {padding: 70px 0;}
+
+
+
+.filters .form-select {
+ font-size: 15px;
+ border-radius: 0px;
+ height: 50px;
+}
+
+/* Card */
+.project-cardwrapper {
+ position: relative;
+ overflow: hidden;
+ border-radius: 0px;
+}
+
+.project-cardwrapper img {
+ width: 100%;
+ height: 310px;
+ object-fit: cover;
+ transition: 0.4s;
+}
+.content-box span{
+ display: flex;
+ align-items: center;
+ gap: 4px;
+}
+/* Hover Zoom */
+.project-cardwrapper:hover img {
+ transform: scale(1.05);
+}
+
+/* Info Box */
+.project-info {
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ right: 15px;
+ background: #fff;
+ padding: 15px;
+ border-radius: 0px;
+}
+
+.project-info h5 {
+ font-size: 16px;
+ font-weight: 600;
+ color: black;
+}
+.headerwrap {
+ position: relative;
+ background: white;
+ color: black;
+}
+.featured-projects h2 {
+ margin: 0 0 7px !important;
+}
+.projectgridwwrap {
+ margin-top: 0px;
+}
+.meta {
+
+display: flex;
+
+align-items: center;
+
+gap: 19px;
+}
+
+.highlight-section {
+ background: linear-gradient(90deg, #2b2118, #3a2a1d);
+ padding: 80px 0 0;
+ color: #fff;
+}
+
+/* Images */
+.img-box {
+ border-radius: 0px;
+ overflow: hidden;
+}
+
+.img-box img {
+ width: 100%;
+ height: 420px;
+ object-fit: cover;
+ transition: 0.4s ease;
+}
+
+.img-box:hover img {
+ transform: scale(1.05);
+}
+
+/* Content */
+.content-box {
+ padding-left: 40px;
+}
+
+.content-box h2 {
+ font-weight: 600;
+ margin-bottom: 10px;
+}
+
+.content-box p {
+ color: #e5e5e5;
+ line-height: 1.6;
+ font-size: 15px;
+ margin-bottom: 20px;
+ width: 80%;
+}
+
+/* Meta */
+.meta {
+ display: flex;
+ gap: 20px;
+ font-size: 14px;
+ color: #f0a35c;
+ margin-bottom: 6px;
+}
+
+/* Button */
+.btn-custom {
+ display: inline-block;
+ background: #e67e22;
+ color: #fff;
+ padding: 12px 28px;
+ border-radius: 6px;
+ text-decoration: none;
+ transition: 0.3s;
+}
+
+.btn-custom:hover {
+ background: #cf6d17;
+ color: #fff;
+}
+.agreebox img {
+ height: 350px;
+}
+.blog-meta span {
+ color: black;
+}
+
+
+
+
+.section-title {
+ font-size: 30px;
+ font-weight: 600;
+ color: #2c2c2c;
+}
+
+.section-desc {
+ color: #666;
+ font-size: 15px;
+ line-height: 1.7;
+ width: 87%;
+}
+
+.feature-box h6 {
+ font-weight: 600;
+ margin-bottom: 5px;
+}
+
+.feature-box p {
+ font-size: 14px;
+ color: #666;
+ margin: 0;
+}
+
+.smart-img {
+ width: 100%;
+ object-fit: cover;
+}
+.smart-home {
+ padding: 60px 0;
+}
+.feature-box h6 {
+ color: black;
+ margin: 0 0 8px;
+}
+.wraptrack {
+ padding: 0 40px;
+}
+.value-box h5 {
+ color: black;
+ margin: 20px 0 10px;
+}
+.rightside {
+ text-align: right;
+ flex-direction: column;
+ display: flex;
+ align-items: end;
+}
+.rightleft {
+ text-align: left;
+}
+.stepnumber {
+ -webkit-text-stroke: 1px #d06a1e29;
+ color: unset;
+ font-size: 53px;
+ font-weight: 600;
+ letter-spacing: 1px;
+ position: absolute;
+ left: 120px;
+ top: 30px;
+}
+.marginabout {
+ margin: 10px 0 40px;
+}
+.feature-item {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+ color: black;
+ font-size: 16px;
+}
+.custom-img {
+ border-radius: unset !important;
+ width: 100%;
+ height: 390px;
+ object-fit: cover;
+}
+.small-img {
+ height: 310px;
+}
+.bottonarrow:before{
+ content: "";
+ background: url(../images/icons/arrowdown.svg);
+ position: absolute;
+ width: 30px;
+ height: 18px;
+ bottom: 0;
+ left: 49%;
+}
+.privacycontent h2 {
+ color: #000;
+}
+.privacycontent h5 {
+ color: #000;
+}
+
+
+.gallery-card {
+ position: relative;
+ overflow: hidden;
+ border-radius: 10px;
+}
+
+.gallery-card img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: 0.5s;
+}
+
+.gallery-card.big {
+ height: 100%;
+}
+
+.gallery-card:hover img {
+ transform: scale(1.1);
+}
+
+/* OVERLAY */
+.overlay {
+ position: absolute;
+ inset: 0;
+ background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
+ display: flex;
+ align-items: flex-end;
+ padding: 20px;
+ color: #fff;
+ opacity: 1;
+}
+
+/* FILTER BUTTON */
+.filter-btn {
+ border: 1px solid #ddd;
+ padding: 8px 18px;
+ margin: 5px;
+ border-radius: 25px;
+ background: transparent;
+ color: #404040;
+ cursor: pointer;
+ float: unset;
+}
+
+.filter-btn.active {
+ background: #d46a1f;
+ color: #fff;
+ border-color: #d46a1f;
+}
+
+/* FILTER ANIMATION */
+.gallery-item {
+ transition: 0.4s;
+}
+
+.gallery-item.hide {
+ display: none;
+}
+.gallery-card .overlay {
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.83) 100%);
+ height: 210px;
+ bottom: 0;
+ top: auto;
+}
+
+.gallery-section {
+ padding: 70px 0;
+}
+.pricacy_flex a {
+ color: #000;
+}
+.gridservice {
+ gap: 20px;
+ grid-template-columns: repeat(3, 1fr);
+}
diff --git a/public/assets/font/Ruthligos.ttf b/public/assets/font/Ruthligos.ttf
new file mode 100644
index 0000000..732a05e
Binary files /dev/null and b/public/assets/font/Ruthligos.ttf differ
diff --git a/public/assets/images/3DVisual.png b/public/assets/images/3DVisual.png
new file mode 100644
index 0000000..ebe4ab4
Binary files /dev/null and b/public/assets/images/3DVisual.png differ
diff --git a/public/assets/images/3DVisualreight.png b/public/assets/images/3DVisualreight.png
new file mode 100644
index 0000000..7d293d3
Binary files /dev/null and b/public/assets/images/3DVisualreight.png differ
diff --git a/public/assets/images/Aboutleft.png b/public/assets/images/Aboutleft.png
new file mode 100644
index 0000000..14e9e04
Binary files /dev/null and b/public/assets/images/Aboutleft.png differ
diff --git a/public/assets/images/Aboutright.png b/public/assets/images/Aboutright.png
new file mode 100644
index 0000000..3d9f205
Binary files /dev/null and b/public/assets/images/Aboutright.png differ
diff --git a/public/assets/images/Appliance.png b/public/assets/images/Appliance.png
new file mode 100644
index 0000000..c9ce10e
Binary files /dev/null and b/public/assets/images/Appliance.png differ
diff --git a/public/assets/images/Bathroom.png b/public/assets/images/Bathroom.png
new file mode 100644
index 0000000..59c3d02
Binary files /dev/null and b/public/assets/images/Bathroom.png differ
diff --git a/public/assets/images/Bathroom1.png b/public/assets/images/Bathroom1.png
new file mode 100644
index 0000000..22a29b6
Binary files /dev/null and b/public/assets/images/Bathroom1.png differ
diff --git a/public/assets/images/Bathroom3.png b/public/assets/images/Bathroom3.png
new file mode 100644
index 0000000..5c44ee3
Binary files /dev/null and b/public/assets/images/Bathroom3.png differ
diff --git a/public/assets/images/Budget.png b/public/assets/images/Budget.png
new file mode 100644
index 0000000..04a995f
Binary files /dev/null and b/public/assets/images/Budget.png differ
diff --git a/public/assets/images/Classic.png b/public/assets/images/Classic.png
new file mode 100644
index 0000000..4bdff9b
Binary files /dev/null and b/public/assets/images/Classic.png differ
diff --git a/public/assets/images/Core.png b/public/assets/images/Core.png
new file mode 100644
index 0000000..300e2d1
Binary files /dev/null and b/public/assets/images/Core.png differ
diff --git a/public/assets/images/Countertop.png b/public/assets/images/Countertop.png
new file mode 100644
index 0000000..2cb2917
Binary files /dev/null and b/public/assets/images/Countertop.png differ
diff --git a/public/assets/images/Custom.png b/public/assets/images/Custom.png
new file mode 100644
index 0000000..de78e2c
Binary files /dev/null and b/public/assets/images/Custom.png differ
diff --git a/public/assets/images/Delivery.png b/public/assets/images/Delivery.png
new file mode 100644
index 0000000..6efd847
Binary files /dev/null and b/public/assets/images/Delivery.png differ
diff --git a/public/assets/images/Design_Inspiration.png b/public/assets/images/Design_Inspiration.png
new file mode 100644
index 0000000..9f4aaea
Binary files /dev/null and b/public/assets/images/Design_Inspiration.png differ
diff --git a/public/assets/images/Design_Inspiration1.png b/public/assets/images/Design_Inspiration1.png
new file mode 100644
index 0000000..5f61126
Binary files /dev/null and b/public/assets/images/Design_Inspiration1.png differ
diff --git a/public/assets/images/Design_Inspiration2.png b/public/assets/images/Design_Inspiration2.png
new file mode 100644
index 0000000..477b629
Binary files /dev/null and b/public/assets/images/Design_Inspiration2.png differ
diff --git a/public/assets/images/Electrical.png b/public/assets/images/Electrical.png
new file mode 100644
index 0000000..2974074
Binary files /dev/null and b/public/assets/images/Electrical.png differ
diff --git a/public/assets/images/Elegant.png b/public/assets/images/Elegant.png
new file mode 100644
index 0000000..47c6007
Binary files /dev/null and b/public/assets/images/Elegant.png differ
diff --git a/public/assets/images/Elegant2.png b/public/assets/images/Elegant2.png
new file mode 100644
index 0000000..2ece987
Binary files /dev/null and b/public/assets/images/Elegant2.png differ
diff --git a/public/assets/images/Expertise2.png b/public/assets/images/Expertise2.png
new file mode 100644
index 0000000..96cc6d7
Binary files /dev/null and b/public/assets/images/Expertise2.png differ
diff --git a/public/assets/images/Expertise3.png b/public/assets/images/Expertise3.png
new file mode 100644
index 0000000..cf56fb5
Binary files /dev/null and b/public/assets/images/Expertise3.png differ
diff --git a/public/assets/images/Expertise4.png b/public/assets/images/Expertise4.png
new file mode 100644
index 0000000..261a1b0
Binary files /dev/null and b/public/assets/images/Expertise4.png differ
diff --git a/public/assets/images/Expertiseslide.png b/public/assets/images/Expertiseslide.png
new file mode 100644
index 0000000..a8bc322
Binary files /dev/null and b/public/assets/images/Expertiseslide.png differ
diff --git a/public/assets/images/Featured1.png b/public/assets/images/Featured1.png
new file mode 100644
index 0000000..4a76c1c
Binary files /dev/null and b/public/assets/images/Featured1.png differ
diff --git a/public/assets/images/Featured2.png b/public/assets/images/Featured2.png
new file mode 100644
index 0000000..b36d210
Binary files /dev/null and b/public/assets/images/Featured2.png differ
diff --git a/public/assets/images/Featured3.png b/public/assets/images/Featured3.png
new file mode 100644
index 0000000..b6aea0a
Binary files /dev/null and b/public/assets/images/Featured3.png differ
diff --git a/public/assets/images/Featured4.png b/public/assets/images/Featured4.png
new file mode 100644
index 0000000..b8c91ac
Binary files /dev/null and b/public/assets/images/Featured4.png differ
diff --git a/public/assets/images/Featured5.png b/public/assets/images/Featured5.png
new file mode 100644
index 0000000..7a222ed
Binary files /dev/null and b/public/assets/images/Featured5.png differ
diff --git a/public/assets/images/Featured6.png b/public/assets/images/Featured6.png
new file mode 100644
index 0000000..8184b7b
Binary files /dev/null and b/public/assets/images/Featured6.png differ
diff --git a/public/assets/images/Featured7.png b/public/assets/images/Featured7.png
new file mode 100644
index 0000000..a3cec10
Binary files /dev/null and b/public/assets/images/Featured7.png differ
diff --git a/public/assets/images/Featured8.png b/public/assets/images/Featured8.png
new file mode 100644
index 0000000..3e71dd1
Binary files /dev/null and b/public/assets/images/Featured8.png differ
diff --git a/public/assets/images/Group 1597883197.png b/public/assets/images/Group 1597883197.png
new file mode 100644
index 0000000..5983dc1
Binary files /dev/null and b/public/assets/images/Group 1597883197.png differ
diff --git a/public/assets/images/Immersive.png b/public/assets/images/Immersive.png
new file mode 100644
index 0000000..cf5dad4
Binary files /dev/null and b/public/assets/images/Immersive.png differ
diff --git a/public/assets/images/Kitchen1.png b/public/assets/images/Kitchen1.png
new file mode 100644
index 0000000..c9ce10e
Binary files /dev/null and b/public/assets/images/Kitchen1.png differ
diff --git a/public/assets/images/Kitchen2.png b/public/assets/images/Kitchen2.png
new file mode 100644
index 0000000..c9ce10e
Binary files /dev/null and b/public/assets/images/Kitchen2.png differ
diff --git a/public/assets/images/Kitchen3.png b/public/assets/images/Kitchen3.png
new file mode 100644
index 0000000..c9ce10e
Binary files /dev/null and b/public/assets/images/Kitchen3.png differ
diff --git a/public/assets/images/Kitchen4.png b/public/assets/images/Kitchen4.png
new file mode 100644
index 0000000..c9ce10e
Binary files /dev/null and b/public/assets/images/Kitchen4.png differ
diff --git a/public/assets/images/Kitchenbatbbreadcamp.png b/public/assets/images/Kitchenbatbbreadcamp.png
new file mode 100644
index 0000000..fd30707
Binary files /dev/null and b/public/assets/images/Kitchenbatbbreadcamp.png differ
diff --git a/public/assets/images/Masonry.png b/public/assets/images/Masonry.png
new file mode 100644
index 0000000..f70800b
Binary files /dev/null and b/public/assets/images/Masonry.png differ
diff --git a/public/assets/images/Material.png b/public/assets/images/Material.png
new file mode 100644
index 0000000..c164b27
Binary files /dev/null and b/public/assets/images/Material.png differ
diff --git a/public/assets/images/Modernback.mov b/public/assets/images/Modernback.mov
new file mode 100644
index 0000000..af7f055
Binary files /dev/null and b/public/assets/images/Modernback.mov differ
diff --git a/public/assets/images/Outdoor.png b/public/assets/images/Outdoor.png
new file mode 100644
index 0000000..4e3ffdb
Binary files /dev/null and b/public/assets/images/Outdoor.png differ
diff --git a/public/assets/images/Outdoorback.png b/public/assets/images/Outdoorback.png
new file mode 100644
index 0000000..8bf6044
Binary files /dev/null and b/public/assets/images/Outdoorback.png differ
diff --git a/public/assets/images/PersonallyOversee.png b/public/assets/images/PersonallyOversee.png
new file mode 100644
index 0000000..ec030bf
Binary files /dev/null and b/public/assets/images/PersonallyOversee.png differ
diff --git a/public/assets/images/Plumbing.png b/public/assets/images/Plumbing.png
new file mode 100644
index 0000000..24ca4f0
Binary files /dev/null and b/public/assets/images/Plumbing.png differ
diff --git a/public/assets/images/Relaxed.png b/public/assets/images/Relaxed.png
new file mode 100644
index 0000000..335d8f9
Binary files /dev/null and b/public/assets/images/Relaxed.png differ
diff --git a/public/assets/images/Smart.png b/public/assets/images/Smart.png
new file mode 100644
index 0000000..4a33a3c
Binary files /dev/null and b/public/assets/images/Smart.png differ
diff --git a/public/assets/images/Structural.png b/public/assets/images/Structural.png
new file mode 100644
index 0000000..e26a71c
Binary files /dev/null and b/public/assets/images/Structural.png differ
diff --git a/public/assets/images/Sunroom1.png b/public/assets/images/Sunroom1.png
new file mode 100644
index 0000000..058b535
Binary files /dev/null and b/public/assets/images/Sunroom1.png differ
diff --git a/public/assets/images/Sunroom2.png b/public/assets/images/Sunroom2.png
new file mode 100644
index 0000000..61fd5a3
Binary files /dev/null and b/public/assets/images/Sunroom2.png differ
diff --git a/public/assets/images/Sunroom3.png b/public/assets/images/Sunroom3.png
new file mode 100644
index 0000000..7e1383f
Binary files /dev/null and b/public/assets/images/Sunroom3.png differ
diff --git a/public/assets/images/Sunroom4.png b/public/assets/images/Sunroom4.png
new file mode 100644
index 0000000..755fd3d
Binary files /dev/null and b/public/assets/images/Sunroom4.png differ
diff --git a/public/assets/images/Sunroom5.png b/public/assets/images/Sunroom5.png
new file mode 100644
index 0000000..0f4190d
Binary files /dev/null and b/public/assets/images/Sunroom5.png differ
diff --git a/public/assets/images/Sunroom6.png b/public/assets/images/Sunroom6.png
new file mode 100644
index 0000000..7537715
Binary files /dev/null and b/public/assets/images/Sunroom6.png differ
diff --git a/public/assets/images/Sunroom7.png b/public/assets/images/Sunroom7.png
new file mode 100644
index 0000000..6643e8e
Binary files /dev/null and b/public/assets/images/Sunroom7.png differ
diff --git a/public/assets/images/Sunroom8.png b/public/assets/images/Sunroom8.png
new file mode 100644
index 0000000..16729ad
Binary files /dev/null and b/public/assets/images/Sunroom8.png differ
diff --git a/public/assets/images/Sunroomsbreadcamp.png b/public/assets/images/Sunroomsbreadcamp.png
new file mode 100644
index 0000000..fed4f01
Binary files /dev/null and b/public/assets/images/Sunroomsbreadcamp.png differ
diff --git a/public/assets/images/Traditional.png b/public/assets/images/Traditional.png
new file mode 100644
index 0000000..8f3fb9f
Binary files /dev/null and b/public/assets/images/Traditional.png differ
diff --git a/public/assets/images/Traditionalinterior.png b/public/assets/images/Traditionalinterior.png
new file mode 100644
index 0000000..39e84af
Binary files /dev/null and b/public/assets/images/Traditionalinterior.png differ
diff --git a/public/assets/images/Transparency.png b/public/assets/images/Transparency.png
new file mode 100644
index 0000000..59885f4
Binary files /dev/null and b/public/assets/images/Transparency.png differ
diff --git a/public/assets/images/Transparencyprocess.png b/public/assets/images/Transparencyprocess.png
new file mode 100644
index 0000000..8652484
Binary files /dev/null and b/public/assets/images/Transparencyprocess.png differ
diff --git a/public/assets/images/Ventilation.png b/public/assets/images/Ventilation.png
new file mode 100644
index 0000000..5b9d44a
Binary files /dev/null and b/public/assets/images/Ventilation.png differ
diff --git a/public/assets/images/Visualizationback.png b/public/assets/images/Visualizationback.png
new file mode 100644
index 0000000..f37606e
Binary files /dev/null and b/public/assets/images/Visualizationback.png differ
diff --git a/public/assets/images/Weather.png b/public/assets/images/Weather.png
new file mode 100644
index 0000000..67671f1
Binary files /dev/null and b/public/assets/images/Weather.png differ
diff --git a/public/assets/images/aboutback.png b/public/assets/images/aboutback.png
new file mode 100644
index 0000000..8b0cd6d
Binary files /dev/null and b/public/assets/images/aboutback.png differ
diff --git a/public/assets/images/abtleft.png b/public/assets/images/abtleft.png
new file mode 100644
index 0000000..581a545
Binary files /dev/null and b/public/assets/images/abtleft.png differ
diff --git a/public/assets/images/abtright.png b/public/assets/images/abtright.png
new file mode 100644
index 0000000..1eec806
Binary files /dev/null and b/public/assets/images/abtright.png differ
diff --git a/public/assets/images/accodianback.png b/public/assets/images/accodianback.png
new file mode 100644
index 0000000..68f0676
Binary files /dev/null and b/public/assets/images/accodianback.png differ
diff --git a/public/assets/images/afterhouse.png b/public/assets/images/afterhouse.png
new file mode 100644
index 0000000..c438779
Binary files /dev/null and b/public/assets/images/afterhouse.png differ
diff --git a/public/assets/images/afterimg.png b/public/assets/images/afterimg.png
new file mode 100644
index 0000000..1e53a90
Binary files /dev/null and b/public/assets/images/afterimg.png differ
diff --git a/public/assets/images/arrownext.png b/public/assets/images/arrownext.png
new file mode 100644
index 0000000..3ca735c
Binary files /dev/null and b/public/assets/images/arrownext.png differ
diff --git a/public/assets/images/beforehouse.png b/public/assets/images/beforehouse.png
new file mode 100644
index 0000000..865381c
Binary files /dev/null and b/public/assets/images/beforehouse.png differ
diff --git a/public/assets/images/beforeimg.png b/public/assets/images/beforeimg.png
new file mode 100644
index 0000000..3317bae
Binary files /dev/null and b/public/assets/images/beforeimg.png differ
diff --git a/public/assets/images/blog1.png b/public/assets/images/blog1.png
new file mode 100644
index 0000000..42197ee
Binary files /dev/null and b/public/assets/images/blog1.png differ
diff --git a/public/assets/images/blog2.png b/public/assets/images/blog2.png
new file mode 100644
index 0000000..6188a2f
Binary files /dev/null and b/public/assets/images/blog2.png differ
diff --git a/public/assets/images/blog3.png b/public/assets/images/blog3.png
new file mode 100644
index 0000000..6406353
Binary files /dev/null and b/public/assets/images/blog3.png differ
diff --git a/public/assets/images/blog4.png b/public/assets/images/blog4.png
new file mode 100644
index 0000000..8b116e4
Binary files /dev/null and b/public/assets/images/blog4.png differ
diff --git a/public/assets/images/blogback.png b/public/assets/images/blogback.png
new file mode 100644
index 0000000..b4f365a
Binary files /dev/null and b/public/assets/images/blogback.png differ
diff --git a/public/assets/images/clousers.png b/public/assets/images/clousers.png
new file mode 100644
index 0000000..1c4108b
Binary files /dev/null and b/public/assets/images/clousers.png differ
diff --git a/public/assets/images/contactback.png b/public/assets/images/contactback.png
new file mode 100644
index 0000000..9a73611
Binary files /dev/null and b/public/assets/images/contactback.png differ
diff --git a/public/assets/images/customerbackground.png b/public/assets/images/customerbackground.png
new file mode 100644
index 0000000..e465b9c
Binary files /dev/null and b/public/assets/images/customerbackground.png differ
diff --git a/public/assets/images/documentleft.png b/public/assets/images/documentleft.png
new file mode 100644
index 0000000..4d66207
Binary files /dev/null and b/public/assets/images/documentleft.png differ
diff --git a/public/assets/images/documentmenu.png b/public/assets/images/documentmenu.png
new file mode 100644
index 0000000..5cd0e1d
Binary files /dev/null and b/public/assets/images/documentmenu.png differ
diff --git a/public/assets/images/documentright.png b/public/assets/images/documentright.png
new file mode 100644
index 0000000..072ea69
Binary files /dev/null and b/public/assets/images/documentright.png differ
diff --git a/public/assets/images/expert.png b/public/assets/images/expert.png
new file mode 100644
index 0000000..774b199
Binary files /dev/null and b/public/assets/images/expert.png differ
diff --git a/public/assets/images/faqbread.png b/public/assets/images/faqbread.png
new file mode 100644
index 0000000..68f0676
Binary files /dev/null and b/public/assets/images/faqbread.png differ
diff --git a/public/assets/images/favicon.png b/public/assets/images/favicon.png
new file mode 100644
index 0000000..8181b60
Binary files /dev/null and b/public/assets/images/favicon.png differ
diff --git a/public/assets/images/flooring.png b/public/assets/images/flooring.png
new file mode 100644
index 0000000..1015637
Binary files /dev/null and b/public/assets/images/flooring.png differ
diff --git a/public/assets/images/gallery.png b/public/assets/images/gallery.png
new file mode 100644
index 0000000..c4982f9
Binary files /dev/null and b/public/assets/images/gallery.png differ
diff --git a/public/assets/images/gallery1.png b/public/assets/images/gallery1.png
new file mode 100644
index 0000000..96cdb45
Binary files /dev/null and b/public/assets/images/gallery1.png differ
diff --git a/public/assets/images/gallery2.png b/public/assets/images/gallery2.png
new file mode 100644
index 0000000..ed7abf7
Binary files /dev/null and b/public/assets/images/gallery2.png differ
diff --git a/public/assets/images/gallery3.png b/public/assets/images/gallery3.png
new file mode 100644
index 0000000..0403f4a
Binary files /dev/null and b/public/assets/images/gallery3.png differ
diff --git a/public/assets/images/gallery4.png b/public/assets/images/gallery4.png
new file mode 100644
index 0000000..ca23db3
Binary files /dev/null and b/public/assets/images/gallery4.png differ
diff --git a/public/assets/images/gallery5.png b/public/assets/images/gallery5.png
new file mode 100644
index 0000000..96cdb45
Binary files /dev/null and b/public/assets/images/gallery5.png differ
diff --git a/public/assets/images/gallery_1.png b/public/assets/images/gallery_1.png
new file mode 100644
index 0000000..3af52c5
Binary files /dev/null and b/public/assets/images/gallery_1.png differ
diff --git a/public/assets/images/gallery_2.png b/public/assets/images/gallery_2.png
new file mode 100644
index 0000000..8345707
Binary files /dev/null and b/public/assets/images/gallery_2.png differ
diff --git a/public/assets/images/gallery_3.png b/public/assets/images/gallery_3.png
new file mode 100644
index 0000000..5be7d4a
Binary files /dev/null and b/public/assets/images/gallery_3.png differ
diff --git a/public/assets/images/gallery_4.png b/public/assets/images/gallery_4.png
new file mode 100644
index 0000000..a971615
Binary files /dev/null and b/public/assets/images/gallery_4.png differ
diff --git a/public/assets/images/gallery_5.png b/public/assets/images/gallery_5.png
new file mode 100644
index 0000000..0ff38a5
Binary files /dev/null and b/public/assets/images/gallery_5.png differ
diff --git a/public/assets/images/gallery_6.png b/public/assets/images/gallery_6.png
new file mode 100644
index 0000000..548cd46
Binary files /dev/null and b/public/assets/images/gallery_6.png differ
diff --git a/public/assets/images/gallery_7.png b/public/assets/images/gallery_7.png
new file mode 100644
index 0000000..6191e8b
Binary files /dev/null and b/public/assets/images/gallery_7.png differ
diff --git a/public/assets/images/gallery_8.png b/public/assets/images/gallery_8.png
new file mode 100644
index 0000000..10195f3
Binary files /dev/null and b/public/assets/images/gallery_8.png differ
diff --git a/public/assets/images/gallery_9.png b/public/assets/images/gallery_9.png
new file mode 100644
index 0000000..03f73b1
Binary files /dev/null and b/public/assets/images/gallery_9.png differ
diff --git a/public/assets/images/homemap.png b/public/assets/images/homemap.png
new file mode 100644
index 0000000..0496350
Binary files /dev/null and b/public/assets/images/homemap.png differ
diff --git a/public/assets/images/icons/Automated.svg b/public/assets/images/icons/Automated.svg
new file mode 100644
index 0000000..a671a1c
--- /dev/null
+++ b/public/assets/images/icons/Automated.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Certified.svg b/public/assets/images/icons/Certified.svg
new file mode 100644
index 0000000..5c388e6
--- /dev/null
+++ b/public/assets/images/icons/Certified.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/public/assets/images/icons/Clarity.svg b/public/assets/images/icons/Clarity.svg
new file mode 100644
index 0000000..fd3f024
--- /dev/null
+++ b/public/assets/images/icons/Clarity.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Comfort.svg b/public/assets/images/icons/Comfort.svg
new file mode 100644
index 0000000..7fc97e2
--- /dev/null
+++ b/public/assets/images/icons/Comfort.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Electrical.svg b/public/assets/images/icons/Electrical.svg
new file mode 100644
index 0000000..7f636d3
--- /dev/null
+++ b/public/assets/images/icons/Electrical.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Integrated.svg b/public/assets/images/icons/Integrated.svg
new file mode 100644
index 0000000..7631fc6
--- /dev/null
+++ b/public/assets/images/icons/Integrated.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Licensed.svg b/public/assets/images/icons/Licensed.svg
new file mode 100644
index 0000000..466c676
--- /dev/null
+++ b/public/assets/images/icons/Licensed.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Master.svg b/public/assets/images/icons/Master.svg
new file mode 100644
index 0000000..4c26388
--- /dev/null
+++ b/public/assets/images/icons/Master.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Member.svg b/public/assets/images/icons/Member.svg
new file mode 100644
index 0000000..99b9c6f
--- /dev/null
+++ b/public/assets/images/icons/Member.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/Seamless.svg b/public/assets/images/icons/Seamless.svg
new file mode 100644
index 0000000..541a7b4
--- /dev/null
+++ b/public/assets/images/icons/Seamless.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/Smart.svg b/public/assets/images/icons/Smart.svg
new file mode 100644
index 0000000..5c388e6
--- /dev/null
+++ b/public/assets/images/icons/Smart.svg
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
diff --git a/public/assets/images/icons/Starting At.svg b/public/assets/images/icons/Starting At.svg
new file mode 100644
index 0000000..7999a61
--- /dev/null
+++ b/public/assets/images/icons/Starting At.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/Superior.svg b/public/assets/images/icons/Superior.svg
new file mode 100644
index 0000000..60fdfdb
--- /dev/null
+++ b/public/assets/images/icons/Superior.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/Warranty.svg b/public/assets/images/icons/Warranty.svg
new file mode 100644
index 0000000..a236fee
--- /dev/null
+++ b/public/assets/images/icons/Warranty.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/Year.svg b/public/assets/images/icons/Year.svg
new file mode 100644
index 0000000..5307dcb
--- /dev/null
+++ b/public/assets/images/icons/Year.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/arrowdown.svg b/public/assets/images/icons/arrowdown.svg
new file mode 100644
index 0000000..cc0abbd
--- /dev/null
+++ b/public/assets/images/icons/arrowdown.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/arrowhouse.svg b/public/assets/images/icons/arrowhouse.svg
new file mode 100644
index 0000000..1667204
--- /dev/null
+++ b/public/assets/images/icons/arrowhouse.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/calender.svg b/public/assets/images/icons/calender.svg
new file mode 100644
index 0000000..12a1557
--- /dev/null
+++ b/public/assets/images/icons/calender.svg
@@ -0,0 +1,9 @@
+
+
diff --git a/public/assets/images/icons/callcontact.svg b/public/assets/images/icons/callcontact.svg
new file mode 100644
index 0000000..1642e25
--- /dev/null
+++ b/public/assets/images/icons/callcontact.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/clock.svg b/public/assets/images/icons/clock.svg
new file mode 100644
index 0000000..7b8a71d
--- /dev/null
+++ b/public/assets/images/icons/clock.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/clockfeature.svg b/public/assets/images/icons/clockfeature.svg
new file mode 100644
index 0000000..afeabe7
--- /dev/null
+++ b/public/assets/images/icons/clockfeature.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/confidence.svg b/public/assets/images/icons/confidence.svg
new file mode 100644
index 0000000..488e3d0
--- /dev/null
+++ b/public/assets/images/icons/confidence.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/custom.svg b/public/assets/images/icons/custom.svg
new file mode 100644
index 0000000..e49a9cd
--- /dev/null
+++ b/public/assets/images/icons/custom.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/public/assets/images/icons/email.svg b/public/assets/images/icons/email.svg
new file mode 100644
index 0000000..48664a8
--- /dev/null
+++ b/public/assets/images/icons/email.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/emailcontact.svg b/public/assets/images/icons/emailcontact.svg
new file mode 100644
index 0000000..f18f77d
--- /dev/null
+++ b/public/assets/images/icons/emailcontact.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/facebook.svg b/public/assets/images/icons/facebook.svg
new file mode 100644
index 0000000..aae087d
--- /dev/null
+++ b/public/assets/images/icons/facebook.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/footercall.svg b/public/assets/images/icons/footercall.svg
new file mode 100644
index 0000000..e05d053
--- /dev/null
+++ b/public/assets/images/icons/footercall.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/footeremail.svg b/public/assets/images/icons/footeremail.svg
new file mode 100644
index 0000000..0b11250
--- /dev/null
+++ b/public/assets/images/icons/footeremail.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/footerface.svg b/public/assets/images/icons/footerface.svg
new file mode 100644
index 0000000..de448a3
--- /dev/null
+++ b/public/assets/images/icons/footerface.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/footerinsta.svg b/public/assets/images/icons/footerinsta.svg
new file mode 100644
index 0000000..42efe6b
--- /dev/null
+++ b/public/assets/images/icons/footerinsta.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/footerlink.svg b/public/assets/images/icons/footerlink.svg
new file mode 100644
index 0000000..2ac6ac1
--- /dev/null
+++ b/public/assets/images/icons/footerlink.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/footerlocation.svg b/public/assets/images/icons/footerlocation.svg
new file mode 100644
index 0000000..6d64979
--- /dev/null
+++ b/public/assets/images/icons/footerlocation.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/footertwitter.svg b/public/assets/images/icons/footertwitter.svg
new file mode 100644
index 0000000..38af892
--- /dev/null
+++ b/public/assets/images/icons/footertwitter.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/goal.svg b/public/assets/images/icons/goal.svg
new file mode 100644
index 0000000..da4d539
--- /dev/null
+++ b/public/assets/images/icons/goal.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/gotop.svg b/public/assets/images/icons/gotop.svg
new file mode 100644
index 0000000..040e89e
--- /dev/null
+++ b/public/assets/images/icons/gotop.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/instagram.svg b/public/assets/images/icons/instagram.svg
new file mode 100644
index 0000000..38459af
--- /dev/null
+++ b/public/assets/images/icons/instagram.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/linkdien.svg b/public/assets/images/icons/linkdien.svg
new file mode 100644
index 0000000..147fcc5
--- /dev/null
+++ b/public/assets/images/icons/linkdien.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/loc.svg b/public/assets/images/icons/loc.svg
new file mode 100644
index 0000000..3813836
--- /dev/null
+++ b/public/assets/images/icons/loc.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/locationfeature.svg b/public/assets/images/icons/locationfeature.svg
new file mode 100644
index 0000000..1feb802
--- /dev/null
+++ b/public/assets/images/icons/locationfeature.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/locationproject.svg b/public/assets/images/icons/locationproject.svg
new file mode 100644
index 0000000..62640ff
--- /dev/null
+++ b/public/assets/images/icons/locationproject.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/megaline.svg b/public/assets/images/icons/megaline.svg
new file mode 100644
index 0000000..20ff40e
--- /dev/null
+++ b/public/assets/images/icons/megaline.svg
@@ -0,0 +1,10 @@
+
+
+
+
+
+
diff --git a/public/assets/images/icons/minus.svg b/public/assets/images/icons/minus.svg
new file mode 100644
index 0000000..945f2e1
--- /dev/null
+++ b/public/assets/images/icons/minus.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/mission.svg b/public/assets/images/icons/mission.svg
new file mode 100644
index 0000000..8112f14
--- /dev/null
+++ b/public/assets/images/icons/mission.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/public/assets/images/icons/office.svg b/public/assets/images/icons/office.svg
new file mode 100644
index 0000000..27d6419
--- /dev/null
+++ b/public/assets/images/icons/office.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/phone.svg b/public/assets/images/icons/phone.svg
new file mode 100644
index 0000000..db88c1c
--- /dev/null
+++ b/public/assets/images/icons/phone.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/plusarrow.svg b/public/assets/images/icons/plusarrow.svg
new file mode 100644
index 0000000..c176df8
--- /dev/null
+++ b/public/assets/images/icons/plusarrow.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/processarrowdown.svg b/public/assets/images/icons/processarrowdown.svg
new file mode 100644
index 0000000..bf1885e
--- /dev/null
+++ b/public/assets/images/icons/processarrowdown.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/processarrowup.svg b/public/assets/images/icons/processarrowup.svg
new file mode 100644
index 0000000..9ea7280
--- /dev/null
+++ b/public/assets/images/icons/processarrowup.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/processdown.svg b/public/assets/images/icons/processdown.svg
new file mode 100644
index 0000000..bb74514
--- /dev/null
+++ b/public/assets/images/icons/processdown.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/processway.png b/public/assets/images/icons/processway.png
new file mode 100644
index 0000000..3668fee
Binary files /dev/null and b/public/assets/images/icons/processway.png differ
diff --git a/public/assets/images/icons/project.svg b/public/assets/images/icons/project.svg
new file mode 100644
index 0000000..4951279
--- /dev/null
+++ b/public/assets/images/icons/project.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/rupees.svg b/public/assets/images/icons/rupees.svg
new file mode 100644
index 0000000..6b2e366
--- /dev/null
+++ b/public/assets/images/icons/rupees.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/rupesfeature.svg b/public/assets/images/icons/rupesfeature.svg
new file mode 100644
index 0000000..56ae57f
--- /dev/null
+++ b/public/assets/images/icons/rupesfeature.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/swipetop.svg b/public/assets/images/icons/swipetop.svg
new file mode 100644
index 0000000..03d4ae8
--- /dev/null
+++ b/public/assets/images/icons/swipetop.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/twitter.svg b/public/assets/images/icons/twitter.svg
new file mode 100644
index 0000000..12b0810
--- /dev/null
+++ b/public/assets/images/icons/twitter.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/vision.svg b/public/assets/images/icons/vision.svg
new file mode 100644
index 0000000..766e9c4
--- /dev/null
+++ b/public/assets/images/icons/vision.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/water.svg b/public/assets/images/icons/water.svg
new file mode 100644
index 0000000..b954b5d
--- /dev/null
+++ b/public/assets/images/icons/water.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/icons/whatsaapcontact.svg b/public/assets/images/icons/whatsaapcontact.svg
new file mode 100644
index 0000000..b8f39f8
--- /dev/null
+++ b/public/assets/images/icons/whatsaapcontact.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/icons/you.svg b/public/assets/images/icons/you.svg
new file mode 100644
index 0000000..e278418
--- /dev/null
+++ b/public/assets/images/icons/you.svg
@@ -0,0 +1,3 @@
+
+
diff --git a/public/assets/images/interior.png b/public/assets/images/interior.png
new file mode 100644
index 0000000..372b2f8
Binary files /dev/null and b/public/assets/images/interior.png differ
diff --git a/public/assets/images/interior1.png b/public/assets/images/interior1.png
new file mode 100644
index 0000000..1c4108b
Binary files /dev/null and b/public/assets/images/interior1.png differ
diff --git a/public/assets/images/interior3.png b/public/assets/images/interior3.png
new file mode 100644
index 0000000..2b27e91
Binary files /dev/null and b/public/assets/images/interior3.png differ
diff --git a/public/assets/images/interior4.png b/public/assets/images/interior4.png
new file mode 100644
index 0000000..1015637
Binary files /dev/null and b/public/assets/images/interior4.png differ
diff --git a/public/assets/images/interiorbreadcamp.png b/public/assets/images/interiorbreadcamp.png
new file mode 100644
index 0000000..367fe6e
Binary files /dev/null and b/public/assets/images/interiorbreadcamp.png differ
diff --git a/public/assets/images/kitchen.png b/public/assets/images/kitchen.png
new file mode 100644
index 0000000..23d40d9
Binary files /dev/null and b/public/assets/images/kitchen.png differ
diff --git a/public/assets/images/kitchenbath.png b/public/assets/images/kitchenbath.png
new file mode 100644
index 0000000..3938351
Binary files /dev/null and b/public/assets/images/kitchenbath.png differ
diff --git a/public/assets/images/kitchengallery1.png b/public/assets/images/kitchengallery1.png
new file mode 100644
index 0000000..5b0958d
Binary files /dev/null and b/public/assets/images/kitchengallery1.png differ
diff --git a/public/assets/images/kitchengallery2.png b/public/assets/images/kitchengallery2.png
new file mode 100644
index 0000000..c1f1363
Binary files /dev/null and b/public/assets/images/kitchengallery2.png differ
diff --git a/public/assets/images/kitchengallery3.png b/public/assets/images/kitchengallery3.png
new file mode 100644
index 0000000..b40ff49
Binary files /dev/null and b/public/assets/images/kitchengallery3.png differ
diff --git a/public/assets/images/kitchengallery4.png b/public/assets/images/kitchengallery4.png
new file mode 100644
index 0000000..128892d
Binary files /dev/null and b/public/assets/images/kitchengallery4.png differ
diff --git a/public/assets/images/kitchengallery5.png b/public/assets/images/kitchengallery5.png
new file mode 100644
index 0000000..7e1383f
Binary files /dev/null and b/public/assets/images/kitchengallery5.png differ
diff --git a/public/assets/images/kitchengallery6.png b/public/assets/images/kitchengallery6.png
new file mode 100644
index 0000000..b40ff49
Binary files /dev/null and b/public/assets/images/kitchengallery6.png differ
diff --git a/public/assets/images/kitchengallery7.png b/public/assets/images/kitchengallery7.png
new file mode 100644
index 0000000..4ab7109
Binary files /dev/null and b/public/assets/images/kitchengallery7.png differ
diff --git a/public/assets/images/kitchengallery8.png b/public/assets/images/kitchengallery8.png
new file mode 100644
index 0000000..b69c05a
Binary files /dev/null and b/public/assets/images/kitchengallery8.png differ
diff --git a/public/assets/images/kitchenseprater.png b/public/assets/images/kitchenseprater.png
new file mode 100644
index 0000000..fa5b2b5
Binary files /dev/null and b/public/assets/images/kitchenseprater.png differ
diff --git a/public/assets/images/kohler.png b/public/assets/images/kohler.png
new file mode 100644
index 0000000..db28d4c
Binary files /dev/null and b/public/assets/images/kohler.png differ
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
new file mode 100644
index 0000000..33535db
Binary files /dev/null and b/public/assets/images/logo.png differ
diff --git a/public/assets/images/lutron.png b/public/assets/images/lutron.png
new file mode 100644
index 0000000..cf1081b
Binary files /dev/null and b/public/assets/images/lutron.png differ
diff --git a/public/assets/images/menuimages.png b/public/assets/images/menuimages.png
new file mode 100644
index 0000000..3c852f8
Binary files /dev/null and b/public/assets/images/menuimages.png differ
diff --git a/public/assets/images/menuimages1.png b/public/assets/images/menuimages1.png
new file mode 100644
index 0000000..d0a693b
Binary files /dev/null and b/public/assets/images/menuimages1.png differ
diff --git a/public/assets/images/menuimages2.png b/public/assets/images/menuimages2.png
new file mode 100644
index 0000000..b5316ea
Binary files /dev/null and b/public/assets/images/menuimages2.png differ
diff --git a/public/assets/images/menuimages3.png b/public/assets/images/menuimages3.png
new file mode 100644
index 0000000..89aaa36
Binary files /dev/null and b/public/assets/images/menuimages3.png differ
diff --git a/public/assets/images/menuimages4.png b/public/assets/images/menuimages4.png
new file mode 100644
index 0000000..c41294d
Binary files /dev/null and b/public/assets/images/menuimages4.png differ
diff --git a/public/assets/images/modernglass.png b/public/assets/images/modernglass.png
new file mode 100644
index 0000000..d82edbd
Binary files /dev/null and b/public/assets/images/modernglass.png differ
diff --git a/public/assets/images/nest.png b/public/assets/images/nest.png
new file mode 100644
index 0000000..de5ff79
Binary files /dev/null and b/public/assets/images/nest.png differ
diff --git a/public/assets/images/ourprocessback.png b/public/assets/images/ourprocessback.png
new file mode 100644
index 0000000..d41c927
Binary files /dev/null and b/public/assets/images/ourprocessback.png differ
diff --git a/public/assets/images/outdoor1.png b/public/assets/images/outdoor1.png
new file mode 100644
index 0000000..f92256e
Binary files /dev/null and b/public/assets/images/outdoor1.png differ
diff --git a/public/assets/images/outdoor2.png b/public/assets/images/outdoor2.png
new file mode 100644
index 0000000..6529c41
Binary files /dev/null and b/public/assets/images/outdoor2.png differ
diff --git a/public/assets/images/outdoor3.png b/public/assets/images/outdoor3.png
new file mode 100644
index 0000000..89aaa36
Binary files /dev/null and b/public/assets/images/outdoor3.png differ
diff --git a/public/assets/images/outdoor4.png b/public/assets/images/outdoor4.png
new file mode 100644
index 0000000..c95ee6c
Binary files /dev/null and b/public/assets/images/outdoor4.png differ
diff --git a/public/assets/images/processflow.png b/public/assets/images/processflow.png
new file mode 100644
index 0000000..0985c05
Binary files /dev/null and b/public/assets/images/processflow.png differ
diff --git a/public/assets/images/project1.png b/public/assets/images/project1.png
new file mode 100644
index 0000000..0eaa889
Binary files /dev/null and b/public/assets/images/project1.png differ
diff --git a/public/assets/images/project2.png b/public/assets/images/project2.png
new file mode 100644
index 0000000..d334273
Binary files /dev/null and b/public/assets/images/project2.png differ
diff --git a/public/assets/images/project3.png b/public/assets/images/project3.png
new file mode 100644
index 0000000..b60f107
Binary files /dev/null and b/public/assets/images/project3.png differ
diff --git a/public/assets/images/project4.png b/public/assets/images/project4.png
new file mode 100644
index 0000000..bbc8b61
Binary files /dev/null and b/public/assets/images/project4.png differ
diff --git a/public/assets/images/projectback.png b/public/assets/images/projectback.png
new file mode 100644
index 0000000..60662aa
Binary files /dev/null and b/public/assets/images/projectback.png differ
diff --git a/public/assets/images/remodel1.png b/public/assets/images/remodel1.png
new file mode 100644
index 0000000..f149ac0
Binary files /dev/null and b/public/assets/images/remodel1.png differ
diff --git a/public/assets/images/remodel3.png b/public/assets/images/remodel3.png
new file mode 100644
index 0000000..fa71872
Binary files /dev/null and b/public/assets/images/remodel3.png differ
diff --git a/public/assets/images/ring.png b/public/assets/images/ring.png
new file mode 100644
index 0000000..87fa1fe
Binary files /dev/null and b/public/assets/images/ring.png differ
diff --git a/public/assets/images/rooms.png b/public/assets/images/rooms.png
new file mode 100644
index 0000000..2b27e91
Binary files /dev/null and b/public/assets/images/rooms.png differ
diff --git a/public/assets/images/samsung.png b/public/assets/images/samsung.png
new file mode 100644
index 0000000..ee35ce1
Binary files /dev/null and b/public/assets/images/samsung.png differ
diff --git a/public/assets/images/service_i.png b/public/assets/images/service_i.png
new file mode 100644
index 0000000..08d529f
Binary files /dev/null and b/public/assets/images/service_i.png differ
diff --git a/public/assets/images/serviceback.png b/public/assets/images/serviceback.png
new file mode 100644
index 0000000..08112fc
Binary files /dev/null and b/public/assets/images/serviceback.png differ
diff --git a/public/assets/images/servicemobile.png b/public/assets/images/servicemobile.png
new file mode 100644
index 0000000..26398a3
Binary files /dev/null and b/public/assets/images/servicemobile.png differ
diff --git a/public/assets/images/sherwin.png b/public/assets/images/sherwin.png
new file mode 100644
index 0000000..09d35fe
Binary files /dev/null and b/public/assets/images/sherwin.png differ
diff --git a/public/assets/images/smarthomebreadcamp.png b/public/assets/images/smarthomebreadcamp.png
new file mode 100644
index 0000000..bdb010b
Binary files /dev/null and b/public/assets/images/smarthomebreadcamp.png differ
diff --git a/public/assets/images/sunroom.png b/public/assets/images/sunroom.png
new file mode 100644
index 0000000..40fc452
Binary files /dev/null and b/public/assets/images/sunroom.png differ
diff --git a/public/assets/images/sunroommenu.png b/public/assets/images/sunroommenu.png
new file mode 100644
index 0000000..b8a2960
Binary files /dev/null and b/public/assets/images/sunroommenu.png differ
diff --git a/public/assets/images/tickabout.svg b/public/assets/images/tickabout.svg
new file mode 100644
index 0000000..5d66dc1
--- /dev/null
+++ b/public/assets/images/tickabout.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/public/assets/images/trader1.png b/public/assets/images/trader1.png
new file mode 100644
index 0000000..ff5b150
Binary files /dev/null and b/public/assets/images/trader1.png differ
diff --git a/public/assets/images/trader2.png b/public/assets/images/trader2.png
new file mode 100644
index 0000000..2b598e2
Binary files /dev/null and b/public/assets/images/trader2.png differ
diff --git a/public/assets/images/trader3.png b/public/assets/images/trader3.png
new file mode 100644
index 0000000..701004f
Binary files /dev/null and b/public/assets/images/trader3.png differ
diff --git a/public/assets/images/turney.png b/public/assets/images/turney.png
new file mode 100644
index 0000000..372b2f8
Binary files /dev/null and b/public/assets/images/turney.png differ
diff --git a/public/assets/images/woodmarkback.png b/public/assets/images/woodmarkback.png
new file mode 100644
index 0000000..8d16083
Binary files /dev/null and b/public/assets/images/woodmarkback.png differ
diff --git a/public/assets/images/woodmarkinvestor.png b/public/assets/images/woodmarkinvestor.png
new file mode 100644
index 0000000..99e8a45
Binary files /dev/null and b/public/assets/images/woodmarkinvestor.png differ
diff --git a/public/assets/js/main.js b/public/assets/js/main.js
new file mode 100644
index 0000000..791e906
--- /dev/null
+++ b/public/assets/js/main.js
@@ -0,0 +1,227 @@
+// ✅ DOM READY (IMPORTANT)
+document.addEventListener("DOMContentLoaded", function () {
+
+ // =============================
+ // AOS INIT
+ // =============================
+ if (typeof AOS !== "undefined") {
+ AOS.init({
+ duration: 1000,
+ once: true
+ });
+ }
+
+ // =============================
+ // TRADES SWIPER
+ // =============================
+ if (typeof Swiper !== "undefined") {
+ new Swiper(".tradesSwiper", {
+ loop: true,
+ slidesPerView: 3,
+ spaceBetween: 25,
+ speed: 1500,
+ autoplay: {
+ delay: 0,
+ disableOnInteraction: false,
+ },
+ freeMode: true,
+ freeModeMomentum: false,
+ pagination: {
+ el: ".swiper-pagination",
+ clickable: true,
+ },
+ breakpoints: {
+ 0: { slidesPerView: 1 },
+ 768: { slidesPerView: 2 },
+ 1024: { slidesPerView: 3 }
+ }
+ });
+
+ // =============================
+ // TESTIMONIAL SWIPER
+ // =============================
+ new Swiper(".testimonialSwiper", {
+ slidesPerView: 3,
+ spaceBetween: 30,
+ loop: true,
+ speed: 800,
+ centeredSlides: true,
+ autoplay: {
+ delay: 2500,
+ disableOnInteraction: false,
+ },
+ pagination: {
+ el: ".swiper-pagination",
+ clickable: true,
+ },
+ breakpoints: {
+ 0: { slidesPerView: 1.2, centeredSlides: true },
+ 768: { slidesPerView: 2 },
+ 1024: { slidesPerView: 3 }
+ }
+ });
+
+ // =============================
+ // EXPERTISE SWIPER
+ // =============================
+ new Swiper(".expertise-slider", {
+ slidesPerView: 3,
+ spaceBetween: 25,
+ loop: true,
+ speed: 800,
+ autoplay: {
+ delay: 2500,
+ disableOnInteraction: false,
+ },
+ pagination: {
+ el: ".swiper-pagination",
+ clickable: true,
+ },
+ breakpoints: {
+ 0: { slidesPerView: 1.2 },
+ 576: { slidesPerView: 2 },
+ 992: { slidesPerView: 3 }
+ }
+ });
+ }
+
+ // =============================
+ // IMAGE COMPARISON SLIDER
+ // =============================
+ function initComparisons() {
+ const overlays = document.querySelectorAll(".img-comp-overlay");
+
+ overlays.forEach(img => {
+ let w = img.offsetWidth;
+ let h = img.offsetHeight;
+
+ img.style.width = (w / 2) + "px";
+
+ const slider = document.createElement("div");
+ slider.className = "img-comp-slider";
+ img.parentElement.insertBefore(slider, img);
+
+ slider.style.top = (h / 2) + "px";
+ slider.style.left = (w / 2) + "px";
+
+ let clicked = false;
+
+ const start = (e) => {
+ e.preventDefault();
+ clicked = true;
+ };
+
+ const stop = () => clicked = false;
+
+ const move = (e) => {
+ if (!clicked) return;
+
+ const rect = img.getBoundingClientRect();
+ let x = (e.touches ? e.touches[0].pageX : e.pageX) - rect.left;
+ x = Math.max(0, Math.min(x, w));
+
+ img.style.width = x + "px";
+ slider.style.left = x + "px";
+ };
+
+ slider.addEventListener("mousedown", start);
+ window.addEventListener("mouseup", stop);
+ window.addEventListener("mousemove", move);
+
+ slider.addEventListener("touchstart", start);
+ window.addEventListener("touchend", stop);
+ window.addEventListener("touchmove", move);
+ });
+ }
+
+ window.addEventListener("load", initComparisons);
+
+ // =============================
+ // MENU HOVER IMAGE CHANGE
+ // =============================
+ const menuItems = document.querySelectorAll(".menu-left li");
+ const image = document.getElementById("serviceImage");
+
+ if (menuItems.length && image) {
+ const images = {
+ img1: "/assets/images/menuimages.png",
+ img2: "/assets/images/menuimages1.png",
+ img3: "/assets/images/menuimages2.png",
+ img4: "/assets/images/menuimages3.png",
+ img5: "/assets/images/menuimages4.png",
+ img6: "/assets/images/documentmenu.png",
+ img7: "/assets/images/sunroommenu.png"
+ };
+
+ const first = menuItems[0];
+ if (first) {
+ image.src = images[first.dataset.img];
+ first.classList.add("active");
+ }
+
+ menuItems.forEach(item => {
+ item.addEventListener("mouseenter", () => {
+ menuItems.forEach(i => i.classList.remove("active"));
+ item.classList.add("active");
+
+ image.style.opacity = 0;
+
+ setTimeout(() => {
+ image.src = images[item.dataset.img];
+ image.style.opacity = 1;
+ }, 200);
+ });
+ });
+ }
+
+ // =============================
+ // TABS
+ // =============================
+ window.changeTab = function (id) {
+ const data = {
+ 1: {
+ title: "We personally oversee every detail...",
+ text: "We ensure design consistency...",
+ img: "/assets/images/PersonallyOversee.png"
+ },
+ 2: {
+ title: "We personally oversee every detail...",
+ text: "We verify materials...",
+ img: "/assets/images/PersonallyOversee.png"
+ }
+ };
+
+ document.querySelectorAll(".tab-box").forEach(el => el.classList.remove("active"));
+ document.querySelectorAll(".tab-box")[id - 1]?.classList.add("active");
+
+ document.getElementById("contentTitle").innerText = data[id].title;
+ document.getElementById("contentText").innerText = data[id].text;
+ document.getElementById("mainImage").src = data[id].img;
+ };
+
+ // =============================
+ // FILTER GALLERY
+ // =============================
+ const filterBtns = document.querySelectorAll(".filter-btn");
+ const galleryItems = document.querySelectorAll(".gallery-item");
+
+ if (filterBtns.length && galleryItems.length) {
+ filterBtns.forEach(btn => {
+ btn.addEventListener("click", () => {
+
+ filterBtns.forEach(b => b.classList.remove("active"));
+ btn.classList.add("active");
+
+ const filter = btn.dataset.filter;
+
+ galleryItems.forEach(item => {
+ const category = item.dataset.category;
+
+ item.classList.toggle("hide", !(filter === "all" || filter === category));
+ });
+
+ });
+ });
+ }
+
+});
\ No newline at end of file
diff --git a/public/file.svg b/public/file.svg
deleted file mode 100644
index 004145c..0000000
--- a/public/file.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/globe.svg b/public/globe.svg
deleted file mode 100644
index 567f17b..0000000
--- a/public/globe.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/next.svg b/public/next.svg
deleted file mode 100644
index 5174b28..0000000
--- a/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/vercel.svg b/public/vercel.svg
deleted file mode 100644
index 7705396..0000000
--- a/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/window.svg b/public/window.svg
deleted file mode 100644
index b2b2a44..0000000
--- a/public/window.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
+ 
+ 
+ 
+ 
+ 
+ 
+ 
Premium Quality
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+