Upload Next.js project
This commit is contained in:
@@ -0,0 +1,264 @@
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="hero-remodel-section"
|
||||
style={{ backgroundImage: "url(./assets/images/aboutback.png)" }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">About Us</span>
|
||||
<h1 className="hero-remodel-title">
|
||||
Building Tomorrow's Homes Today
|
||||
</h1>
|
||||
<p className="hero-remodel-text">
|
||||
Where luxury construction meets intelligent living. We create
|
||||
extraordinary spaces that redefine modern living through
|
||||
innovation and craftsmanship.{" "}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="about-section py-5">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT CONTENT */}
|
||||
<div className="col-lg-6">
|
||||
<div>
|
||||
<span className="tag">What this Gives you</span>
|
||||
<h2 style={{ color: "black" }}>
|
||||
About <span>HouseCoin</span>{" "}
|
||||
</h2>
|
||||
</div>
|
||||
<p className="section-desc">
|
||||
HouseCoin is a premium construction and smart home company dedicated
|
||||
to creating exceptional living spaces that blend luxury with
|
||||
cutting-edge technology. For over 15 years, we've been at the
|
||||
forefront of architectural innovation.
|
||||
</p>
|
||||
<p className="section-desc marginabout">
|
||||
Our team of expert architects, engineers, and craftsmen work in
|
||||
harmony to transform your vision into reality, ensuring every detail
|
||||
reflects your lifestyle and aspirations.
|
||||
</p>
|
||||
<div className="features d-flex gap-4 mt-3">
|
||||
<div className="feature-item">
|
||||
<img src="assets/images/tickabout.svg" alt="" /> Premium Quality
|
||||
</div>
|
||||
<div className="feature-item">
|
||||
<img src="assets/images/tickabout.svg" alt="" /> Smart Technology
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* RIGHT IMAGES */}
|
||||
<div className="col-lg-6">
|
||||
<div className="row g-3 align-items-end">
|
||||
<div className="col-6">
|
||||
<img
|
||||
src="assets/images/Aboutleft.png"
|
||||
className="img-fluid rounded custom-img small-img"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6">
|
||||
<img
|
||||
src="assets/images/Aboutright.png"
|
||||
className="img-fluid rounded custom-img large-img"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="kitchen-transform-section pillars-section">
|
||||
<div className="container">
|
||||
{/* Heading */}
|
||||
<div className="row">
|
||||
<div className="col-12 text-center">
|
||||
<div className="services-top">
|
||||
<div style={{ width: "100%" }}>
|
||||
<span className="tag">Values Shape Everything.</span>
|
||||
<h2>
|
||||
Guiding principles that <span> drive our excellence</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Cards */}
|
||||
<div className="row g-4 justify-content-center">
|
||||
{/* Card 1 */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="pillar-card">
|
||||
<div className="stepnumber">Mission </div>
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/mission.svg" alt="" />
|
||||
</div>
|
||||
<h5>Focused on Impact</h5>
|
||||
<p>
|
||||
Our mission is to deliver high-quality, transparent, and
|
||||
technology-driven construction solutions that create meaningful
|
||||
living spaces.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Card 2 */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="pillar-card">
|
||||
<div className="stepnumber">Vision </div>
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/vision.svg" alt="" />
|
||||
</div>
|
||||
<h5>Future of Smart Living</h5>
|
||||
<p>
|
||||
Our vision is to redefine modern homes through innovation, smart
|
||||
technology, and premium design experiences.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Card 3 */}
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div className="pillar-card">
|
||||
<div className="stepnumber">Goals</div>
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/goal.svg" alt="" />
|
||||
</div>
|
||||
<h5>Driven by Growth</h5>
|
||||
<p>
|
||||
We aim to scale innovation, deliver consistent quality, and ensure
|
||||
long-term client satisfaction across every project.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="core-values py-5">
|
||||
<div className="container text-center">
|
||||
<div className="services-top">
|
||||
<div style={{ width: "100%" }}>
|
||||
<span className="tag">Core Values</span>
|
||||
<h2>
|
||||
The foundation of <span>everything we do</span>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT SIDE */}
|
||||
<div className="col-lg-4">
|
||||
<div className="value-box rightside mb-5">
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/Automated.svg" alt="" />
|
||||
</div>
|
||||
<h5>Quality Assured</h5>
|
||||
<p>
|
||||
We never compromise on quality, ensuring every project meets the
|
||||
highest standards.
|
||||
</p>
|
||||
</div>
|
||||
<div className="value-box rightside">
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/Automated.svg" alt="" />
|
||||
</div>
|
||||
<h5>Innovation First</h5>
|
||||
<p>
|
||||
Embracing cutting-edge technology and smart home solutions for
|
||||
modern living.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* CENTER IMAGE */}
|
||||
<div className="col-lg-4 mb-4 mb-lg-0">
|
||||
<img
|
||||
src="assets/images/Core.png"
|
||||
className="img-fluid rounded main-img"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
{/* RIGHT SIDE */}
|
||||
<div className="col-lg-4">
|
||||
<div className="value-box rightleft mb-5">
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/Automated.svg" alt="" />
|
||||
</div>
|
||||
<h5>Client Focused</h5>
|
||||
<p>
|
||||
Your vision is our mission. We build relationships alongside
|
||||
structures with trust always.
|
||||
</p>
|
||||
</div>
|
||||
<div className="value-box rightleft">
|
||||
<div className="icon-box">
|
||||
<img src="assets/images/icons/Automated.svg" alt="" />
|
||||
</div>
|
||||
<h5>Sustainable Growth</h5>
|
||||
<p>
|
||||
Eco-friendly practices and sustainable materials for a better
|
||||
tomorrow future growth vision.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="smart-home">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
{/* LEFT IMAGES */}
|
||||
<div className="col-lg-6">
|
||||
<div className="row g-3">
|
||||
<div className="col-6">
|
||||
<img
|
||||
src="assets/images/abtleft.png"
|
||||
className="img-fluid rounded smart-img small-img"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="col-6">
|
||||
<img
|
||||
src="assets/images/abtright.png"
|
||||
className="img-fluid rounded smart-img large-img"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* RIGHT CONTENT */}
|
||||
<div className="col-lg-6 wraptrack">
|
||||
<h2 className="section-title mb-3">Smart Home Technology</h2>
|
||||
<p className="section-desc mb-4">
|
||||
We integrate the latest smart home technology into every project,
|
||||
ensuring your home is not just beautiful, but intelligent and
|
||||
efficient.
|
||||
</p>
|
||||
<div className="feature-box mb-3">
|
||||
<h6>Energy Management</h6>
|
||||
<p>
|
||||
Advanced systems that optimize energy consumption and reduce
|
||||
costs.
|
||||
</p>
|
||||
</div>
|
||||
<div className="feature-box mb-3">
|
||||
<h6>Automated Systems</h6>
|
||||
<p>
|
||||
Control lighting, climate, security, and entertainment with ease.
|
||||
</p>
|
||||
</div>
|
||||
<div className="feature-box">
|
||||
<h6>Advanced Security</h6>
|
||||
<p>State-of-the-art security systems for complete peace of mind.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,151 @@
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function BlogDetails() {
|
||||
return (
|
||||
<>
|
||||
{/* HERO SECTION */}
|
||||
<section
|
||||
className="hero-remodel-section"
|
||||
style={{
|
||||
backgroundImage: "url(/assets/images/Sunroomsbreadcamp.png)",
|
||||
}}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">
|
||||
Blogs Details
|
||||
</span>
|
||||
<h1 className="hero-remodel-title">
|
||||
Expert Ideas, Trends & Guides for Smarter Living
|
||||
</h1>
|
||||
<p className="hero-remodel-text">
|
||||
Stay updated with the latest trends in home remodeling, smart
|
||||
living, and modern design. Our blog brings you expert insights.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 endbreadcamp">
|
||||
<Link href="/contact" className="btn-primary-custom">
|
||||
Schedule Consultation
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* BLOG DETAILS */}
|
||||
<section className="blog-details-section">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
|
||||
{/* LEFT CONTENT */}
|
||||
<div className="col-lg-7">
|
||||
<div className="blog-content">
|
||||
|
||||
<div className="blog-meta mb-3">
|
||||
<span>12 Feb 2026</span> | <span>HouseCoin Team</span>
|
||||
</div>
|
||||
|
||||
<h2 className="blog-title">
|
||||
Smart Kitchen Remodeling Ideas to Elevate Functionality and Style
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
A well-designed kitchen is the heart of every modern home. At HouseCoin, we believe that kitchen remodeling is not just about aesthetics—it’s about enhancing functionality, improving workflow, and creating a space that reflects your lifestyle. From smart storage solutions to premium finishes, every detail plays a crucial role in transforming your kitchen into a highly efficient and elegant space.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
With the integration of smart home technology, today’s kitchens are more advanced than ever. Features like automated lighting, touchless faucets, and energy-efficient appliances not only add convenience but also contribute to sustainable living. Our expert team ensures that every kitchen renovation is tailored to meet both your design preferences and practical needs.
|
||||
</p>
|
||||
|
||||
<Image
|
||||
src="/assets/images/blog1.png"
|
||||
alt="kitchen remodel"
|
||||
width={800}
|
||||
height={500}
|
||||
className="img-fluid rounded my-4"
|
||||
/>
|
||||
|
||||
<h4>Key benefits of kitchen remodeling</h4>
|
||||
<ul>
|
||||
<li>Maximizes space with smart storage and layout planning</li>
|
||||
<li>Enhances home value with modern and premium finishes</li>
|
||||
<li>Improves energy efficiency with advanced appliances</li>
|
||||
<li>Creates a seamless blend of style and functionality</li>
|
||||
</ul>
|
||||
|
||||
<h4>Building a future-ready living space</h4>
|
||||
<p>
|
||||
Investing in a kitchen remodel is a step toward a smarter and more comfortable lifestyle. At HouseCoin, we combine innovative design, quality craftsmanship, and cutting-edge technology to deliver spaces that are built to last. Whether you're planning a complete renovation or a simple upgrade, our team ensures a smooth, transparent, and hassle-free experience from start to finish.
|
||||
</p>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-8">
|
||||
<Image
|
||||
src="/assets/images/blog1.png"
|
||||
alt="kitchen remodel"
|
||||
width={500}
|
||||
height={300}
|
||||
className="img-fluid rounded my-4"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-4">
|
||||
<Image
|
||||
src="/assets/images/blog1.png"
|
||||
alt="kitchen remodel"
|
||||
width={300}
|
||||
height={300}
|
||||
className="img-fluid rounded my-4"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* RIGHT SIDEBAR */}
|
||||
<div className="col-lg-5">
|
||||
<div className="sidebar-sticky">
|
||||
|
||||
<div className="sidebar-box">
|
||||
<h5 className="sidebar-title">Popular Posts</h5>
|
||||
|
||||
<div className="post-item d-flex mb-3">
|
||||
<Image src="/assets/images/blog1.png" alt="" width={80} height={80} />
|
||||
<div>
|
||||
<span className="date">18 Feb 2026</span>
|
||||
<p>How Smart Home Technology is Transforming Modern Living</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="post-item d-flex mb-3">
|
||||
<Image src="/assets/images/blog3.png" alt="" width={80} height={80} />
|
||||
<div>
|
||||
<span className="date">25 Feb 2026</span>
|
||||
<p>Sunroom Design Ideas to Brighten Your Living Space</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="post-item d-flex">
|
||||
<Image src="/assets/images/blog2.png" alt="" width={80} height={80} />
|
||||
<div>
|
||||
<span className="date">03 Mar 2026</span>
|
||||
<p>Outdoor Living Spaces: Create the Perfect Backyard Retreat</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import Contact from "@/component/Contact";
|
||||
export default function BlogPage() {
|
||||
const blogs = [
|
||||
{
|
||||
img: "/assets/images/blog1.png",
|
||||
date: "12 Feb 2026",
|
||||
title: "Top Kitchen Remodeling Ideas to Maximize Space & Style",
|
||||
},
|
||||
{
|
||||
img: "/assets/images/blog2.png",
|
||||
date: "18 Feb 2026",
|
||||
title: "How Smart Home Technology is Transforming Modern Living",
|
||||
},
|
||||
{
|
||||
img: "/assets/images/blog3.png",
|
||||
date: "25 Feb 2026",
|
||||
title: "Sunroom Design Ideas to Brighten Your Living Space",
|
||||
},
|
||||
{
|
||||
img: "/assets/images/blog4.png",
|
||||
date: "03 Mar 2026",
|
||||
title: "Outdoor Living Spaces: Create the Perfect Backyard Retreat",
|
||||
},
|
||||
{
|
||||
img: "/assets/images/blog1.png",
|
||||
date: "10 Mar 2026",
|
||||
title: "Budget-Friendly Renovation Tips Without Compromising Quality",
|
||||
},
|
||||
{
|
||||
img: "/assets/images/blog4.png",
|
||||
date: "18 Mar 2026",
|
||||
title: "Step-by-Step Guide to Planning Your Dream Home Remodel",
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* HERO SECTION */}
|
||||
<section
|
||||
className="hero-remodel-section"
|
||||
style={{ backgroundImage: "url(/assets/images/blogback.png)" }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">Our Blogs</span>
|
||||
<h1 className="hero-remodel-title">
|
||||
Expert Ideas, Trends & Guides for Smarter Living
|
||||
</h1>
|
||||
<p className="hero-remodel-text">
|
||||
Stay updated with the latest trends in home remodeling, smart
|
||||
living, and modern design. Our blog brings you expert insights.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-md-6 endbreadcamp">
|
||||
<Link href="/contact" className="btn-primary-custom">
|
||||
Schedule Consultation
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* BLOG GRID */}
|
||||
<section className="kitchen-grid-section">
|
||||
<div className="container">
|
||||
<div className="text-center services-top">
|
||||
<div style={{ width: "100%" }}>
|
||||
<span className="tag">Insights & Inspiration</span>
|
||||
<h2>Expert Ideas for Smarter Home Transformations</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="blog-grid">
|
||||
{blogs.map((blog, index) => (
|
||||
<Link href="/blog/blog_details" key={index} className="blog-card">
|
||||
<Image
|
||||
src={blog.img}
|
||||
alt={blog.title}
|
||||
width={400}
|
||||
height={300}
|
||||
className="img-fluid"
|
||||
/>
|
||||
|
||||
<div className="overlay">
|
||||
<span>
|
||||
<Image
|
||||
src="/assets/images/icons/calender.svg"
|
||||
alt="calendar"
|
||||
width={16}
|
||||
height={16}
|
||||
/>{" "}
|
||||
{blog.date} • HouseCoin Team
|
||||
</span>
|
||||
<h3>{blog.title}</h3>
|
||||
</div>
|
||||
</Link>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Contact/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,305 @@
|
||||
import Contact from "@/component/Contact"
|
||||
export default function FaqPage() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="hero-remodel-section ourprocesswraptop"
|
||||
style={{ backgroundImage: "url(./assets/images/aboutback.png)" }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">Faq</span>
|
||||
<h1 className="hero-remodel-title">Frequently Asked Questions</h1>
|
||||
<p className="hero-remodel-text">
|
||||
Everything you need to know about our services, pricing, and
|
||||
process.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="processwrap-section">
|
||||
<div className="container">
|
||||
<div className="accordion custom-accordion" id="accordionExample">
|
||||
{/* 1 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#one"
|
||||
>
|
||||
Framing & Structure
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="one"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
We use high-quality materials and advanced construction techniques
|
||||
to ensure strong, durable, and long-lasting structural frameworks
|
||||
for every project.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 2 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#two"
|
||||
>
|
||||
Glazing & Glass
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="two"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Our glazing solutions include energy-efficient, UV-protected, and
|
||||
weather-resistant glass options designed to enhance aesthetics and
|
||||
comfort.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 3 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#three"
|
||||
>
|
||||
Electrical & HVAC
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="three"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
We integrate safe electrical systems and efficient HVAC solutions
|
||||
to ensure proper lighting, ventilation, and climate control in
|
||||
your space.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 4 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#four"
|
||||
>
|
||||
Flooring Options
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="four"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Choose from a wide range of flooring options including hardwood,
|
||||
tiles, vinyl, and laminates to match your design and durability
|
||||
needs.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 5 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#five"
|
||||
>
|
||||
Do you offer free consultation?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="five"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Yes, we provide a complimentary consultation to understand your
|
||||
requirements and suggest the best solutions tailored to your
|
||||
project.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 6 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#six"
|
||||
>
|
||||
How long does a project take?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="six"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Project timelines depend on scope and complexity. Smaller
|
||||
renovations may take a few weeks, while larger projects can take
|
||||
several months.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 7 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#seven"
|
||||
>
|
||||
Are you licensed and insured?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="seven"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Yes, we are fully licensed and insured, ensuring compliance with
|
||||
industry standards and complete peace of mind for our clients.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 8 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#eight"
|
||||
>
|
||||
Can I customize my design?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="eight"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Absolutely! All our designs are fully customizable. We work
|
||||
closely with you to create a space that matches your vision and
|
||||
lifestyle.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 9 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#nine"
|
||||
>
|
||||
Do you provide project updates?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="nine"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Yes, we ensure regular updates and clear communication throughout
|
||||
the project so you stay informed at every stage.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 10 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#ten"
|
||||
>
|
||||
What areas do you serve?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="ten"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
We primarily serve Central and South Texas, including Austin,
|
||||
Dallas, and San Antonio.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 11 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#eleven"
|
||||
>
|
||||
Do you offer smart home solutions?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="eleven"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Yes, we specialize in smart home integrations like automated
|
||||
lighting, security systems, and advanced home technologies.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* 12 */}
|
||||
<div className="accordion-item">
|
||||
<h2 className="accordion-header">
|
||||
<button
|
||||
className="accordion-button collapsed"
|
||||
data-bs-toggle="collapse"
|
||||
data-bs-target="#twelve"
|
||||
>
|
||||
How do I get started?
|
||||
</button>
|
||||
</h2>
|
||||
<div
|
||||
id="twelve"
|
||||
className="accordion-collapse collapse"
|
||||
data-bs-parent="#accordionExample"
|
||||
>
|
||||
<div className="accordion-body">
|
||||
Simply click on "Get a Quote" or contact us directly. Our team
|
||||
will guide you through the process and schedule your consultation.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Contact/>
|
||||
</>
|
||||
|
||||
);
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
+51
-28
@@ -1,33 +1,56 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import "./globals.css";
|
||||
|
||||
const geistSans = Geist({
|
||||
variable: "--font-geist-sans",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const geistMono = Geist_Mono({
|
||||
variable: "--font-geist-mono",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Create Next App",
|
||||
description: "Generated by create next app",
|
||||
};
|
||||
import "bootstrap/dist/css/bootstrap.min.css"
|
||||
import "swiper/css"
|
||||
import "aos/dist/aos.css"
|
||||
|
||||
import Header from "@/component/header"
|
||||
import Footer from "@/component/Footer"
|
||||
import Script from "next/script"
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}: {
|
||||
children: React.ReactNode
|
||||
}) {
|
||||
return (
|
||||
<html
|
||||
lang="en"
|
||||
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
|
||||
>
|
||||
<body className="min-h-full flex flex-col">{children}</body>
|
||||
<html lang="en">
|
||||
|
||||
{/* ✅ YAHAN */}
|
||||
<head>
|
||||
<link rel="stylesheet" href="/assets/css/style.css" />
|
||||
<link rel="stylesheet" href="/assets/css/responsive.css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<Header />
|
||||
|
||||
{children}
|
||||
|
||||
|
||||
<Footer />
|
||||
{/* ✅ 1. Bootstrap */}
|
||||
<Script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
|
||||
{/* ✅ 2. Swiper JS (MISSING THA) */}
|
||||
<Script
|
||||
src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
|
||||
{/* ✅ 3. AOS JS */}
|
||||
<Script
|
||||
src="https://unpkg.com/aos@2.3.4/dist/aos.js"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
|
||||
{/* ✅ 4. TERA main.js (LAST) */}
|
||||
<Script
|
||||
src="/assets/js/main.js"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
)
|
||||
}
|
||||
+278
-62
@@ -1,65 +1,281 @@
|
||||
import Image from "next/image";
|
||||
|
||||
import Services from "@/component/Services"
|
||||
import Trades from "@/component/Trades"
|
||||
import Testimonial from "@/component/Testimonial"
|
||||
import Contact from "@/component/Contact"
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
|
||||
<main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
|
||||
<Image
|
||||
className="dark:invert"
|
||||
src="/next.svg"
|
||||
alt="Next.js logo"
|
||||
width={100}
|
||||
height={20}
|
||||
priority
|
||||
/>
|
||||
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
|
||||
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
|
||||
To get started, edit the page.tsx file.
|
||||
</h1>
|
||||
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
|
||||
Looking for a starting point or more instructions? Head over to{" "}
|
||||
<a
|
||||
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
className="font-medium text-zinc-950 dark:text-zinc-50"
|
||||
>
|
||||
Templates
|
||||
</a>{" "}
|
||||
or the{" "}
|
||||
<a
|
||||
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
className="font-medium text-zinc-950 dark:text-zinc-50"
|
||||
>
|
||||
Learning
|
||||
</a>{" "}
|
||||
center.
|
||||
</p>
|
||||
</div>
|
||||
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
|
||||
<a
|
||||
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
|
||||
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<Image
|
||||
className="dark:invert"
|
||||
src="/vercel.svg"
|
||||
alt="Vercel logomark"
|
||||
width={16}
|
||||
height={16}
|
||||
/>
|
||||
Deploy Now
|
||||
</a>
|
||||
<a
|
||||
className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
|
||||
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Documentation
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
<>
|
||||
<section className="hero">
|
||||
{/* VIDEO */}
|
||||
<video autoPlay muted loop playsInline className="hero-video">
|
||||
<source src="/assets/images/Modernback.mov" type="video/mp4" />
|
||||
</video>
|
||||
{/* DARK OVERLAY */}
|
||||
<div className="hero-overlay" />
|
||||
{/* ================= HERO CONTENT ================= */}
|
||||
<div className="hero-content container">
|
||||
<div className="hero-left">
|
||||
<h1>
|
||||
Strategy-Driven Design.
|
||||
<br />
|
||||
Flawlessly Executed Development.
|
||||
</h1>
|
||||
<p>
|
||||
From concept to completion, HouseCoin delivers high-quality digital
|
||||
solutions with precision and innovation.
|
||||
</p>
|
||||
<div className="hero-buttons">
|
||||
<a href="contact.html" className="btn-primary-custom">
|
||||
Get a Free Quote
|
||||
</a>
|
||||
<a href="project.html" className="btn-outline">
|
||||
Explore Projects
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
</div>
|
||||
{/* ================= SOCIAL SIDE ================= */}
|
||||
<div className="hero-social">
|
||||
<a href="#">
|
||||
<img src="assets/images/icons/facebook.svg" alt="" />
|
||||
</a>
|
||||
<a href="#">
|
||||
<img src="assets/images/icons/linkdien.svg" alt="" />
|
||||
</a>
|
||||
<a href="#">
|
||||
<img src="assets/images/icons/instagram.svg" alt="" />
|
||||
</a>
|
||||
<a href="#">
|
||||
<img src="assets/images/icons/twitter.svg" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
{/* ================= BOTTOM STRIP ================= */}
|
||||
<div className="hero-bottom">
|
||||
<div className="hb-item">
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/project.svg" alt="" />
|
||||
</div>
|
||||
<p>500+ Project Complete</p>
|
||||
</div>
|
||||
<div className="hb-item">
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/Licensed.svg" alt="" />
|
||||
</div>
|
||||
<p>Licensed & Insured</p>
|
||||
</div>
|
||||
{/* CENTER HIGHLIGHT */}
|
||||
<div className="hb-item active">
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/Member.svg" alt="" />
|
||||
</div>
|
||||
<p>NKBA Member</p>
|
||||
</div>
|
||||
<div className="hb-item">
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/Certified.svg" alt="" />
|
||||
</div>
|
||||
<p>Smart Home Certified</p>
|
||||
</div>
|
||||
<div className="hb-item">
|
||||
<div className="icon">
|
||||
<img src="assets/images/icons/Warranty.svg" alt="" />
|
||||
</div>
|
||||
<p>10-Year Warranty</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#footer">
|
||||
<img className="swipetop" src="assets/images/icons/swipetop.svg" alt="" />
|
||||
</a>
|
||||
</section>
|
||||
<section className="partners-section">
|
||||
<div className="container">
|
||||
<div className="trustedpatnerqrap">
|
||||
<h6 className="text-center">Trusted Partners</h6>
|
||||
<div className="partners-wrapper">
|
||||
<div className="partner-item">
|
||||
<img src="assets/images/lutron.png" alt="" />
|
||||
</div>
|
||||
<div className="partner-item">
|
||||
<img src="assets/images/kohler.png" alt="" />
|
||||
</div>
|
||||
<div className="partner-item">
|
||||
<img src="assets/images/samsung.png" alt="" />
|
||||
</div>
|
||||
<div className="partner-item">
|
||||
<img src="assets/images/ring.png" alt="" />
|
||||
</div>
|
||||
<div className="partner-item">
|
||||
<img src="assets/images/nest.png" alt="" />
|
||||
</div>
|
||||
<div className="partner-item">
|
||||
<img src="assets/images/sherwin.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Services />
|
||||
<section className="gallery-section">
|
||||
<div className="container">
|
||||
{/* TOP */}
|
||||
<div className="services-top">
|
||||
<div>
|
||||
<span className="tag">Recent Texas Projects</span>
|
||||
<h2>
|
||||
See our transformations across <br />{" "}
|
||||
<span> Central & South Texas</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* SAME BUTTON */}
|
||||
<a href="project.html" className="btn-primary-custom">
|
||||
Explore Our Project
|
||||
</a>
|
||||
</div>
|
||||
{/* GRID */}
|
||||
<div className="row">
|
||||
<div className="col-md-6">
|
||||
<div className="img-comp-container">
|
||||
<div className="img-comp-img">
|
||||
<img src="assets/images/beforehouse.png" />
|
||||
</div>
|
||||
<div className="img-comp-img img-comp-overlay">
|
||||
<img src="assets/images/afterhouse.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="housearrow">
|
||||
<h5>Cedar Sunroom Extension</h5>
|
||||
<p>Austin, TX</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6">
|
||||
<div className="img-comp-container">
|
||||
<div className="img-comp-img">
|
||||
<img src="assets/images/beforehouse.png" />
|
||||
</div>
|
||||
<div className="img-comp-img img-comp-overlay">
|
||||
<img src="assets/images/remodel3.png" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="housearrow">
|
||||
<h5>Kitchen Remodel</h5>
|
||||
<p>Austin, TX</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="pricing-section">
|
||||
<div className="container">
|
||||
{/* TOP CONTENT */}
|
||||
<div className="services-top">
|
||||
<div>
|
||||
<span className="tag">Clear Pricing. No Surprise</span>
|
||||
<h2 className="headprice">
|
||||
Transparency and trust, built
|
||||
<br />
|
||||
into every quote
|
||||
</h2>
|
||||
</div>
|
||||
<a href="#" className="btn-primary-custom">
|
||||
Smarter Estimate Calculator
|
||||
</a>
|
||||
</div>
|
||||
{/* FULL WIDTH GRID */}
|
||||
<div className="pricing-grid">
|
||||
{/* CARD 1 */}
|
||||
<div className="pricing-card">
|
||||
<div className="card-inner">
|
||||
<h3>Kitchen Remodels</h3>
|
||||
<p className="starting">
|
||||
<img src="assets/images/icons/Starting At.svg" alt="" />
|
||||
</p>
|
||||
<h2 className="price">$25000</h2>
|
||||
<p className="desc">
|
||||
Complete kitchen transformations with quality materials and expert
|
||||
craftsmanship
|
||||
</p>
|
||||
<a
|
||||
href="https://housecoins.trailweb.in/gallery.html"
|
||||
className="btn-primary-custom btn-orange"
|
||||
>
|
||||
Request Kitchen Estimate
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{/* CARD 2 */}
|
||||
<div className="pricing-card">
|
||||
<div className="card-inner">
|
||||
<h3>Cedar Sunrooms</h3>
|
||||
<p className="starting">
|
||||
<img src="assets/images/icons/Starting At.svg" alt="" />
|
||||
</p>
|
||||
<h2 className="price">$18000</h2>
|
||||
<p className="desc">
|
||||
Custom cedar sunrooms that expand your living space beautifully
|
||||
</p>
|
||||
<a
|
||||
href="https://housecoins.trailweb.in/gallery.html"
|
||||
className="btn-primary-custom btn-orange"
|
||||
>
|
||||
Request Sunroom Estimate
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="gallery-section">
|
||||
<div className="container">
|
||||
{/* TOP */}
|
||||
<div className="services-top">
|
||||
<div>
|
||||
<span className="tag">Gallery</span>
|
||||
<h2>
|
||||
Inspiration for your <span> transformation</span>
|
||||
</h2>
|
||||
</div>
|
||||
{/* SAME BUTTON */}
|
||||
<a
|
||||
href="https://housecoins.trailweb.in/gallery.html"
|
||||
className="btn-primary-custom"
|
||||
>
|
||||
Explore All Photos
|
||||
</a>
|
||||
</div>
|
||||
{/* GRID */}
|
||||
<div className="gallery-grid">
|
||||
{/* LEFT BIG */}
|
||||
<div className="gallery-item big">
|
||||
<img src="assets/images/gallery1.png" alt="" />
|
||||
</div>
|
||||
{/* CENTER */}
|
||||
<div className="gallery-center">
|
||||
<div className="gallery-item wide">
|
||||
<img src="assets/images/gallery2.png" alt="" />
|
||||
</div>
|
||||
<div className="gallery-bottom">
|
||||
<div className="gallery-item">
|
||||
<img src="assets/images/gallery3.png" alt="" />
|
||||
</div>
|
||||
<div className="gallery-item">
|
||||
<img src="assets/images/gallery4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* RIGHT BIG */}
|
||||
<div className="gallery-item big">
|
||||
<img src="assets/images/gallery5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Trades />
|
||||
|
||||
<Testimonial />
|
||||
|
||||
<Contact />
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
export default function PrivacyPage() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="hero-remodel-section ourprocesswraptop"
|
||||
style={{ backgroundImage: "url(./assets/images/aboutback.png)" }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">Privacy Policy</span>
|
||||
<h1 className="hero-remodel-title">Your Privacy Matters to Us</h1>
|
||||
<p className="hero-remodel-text">
|
||||
Learn how we collect, use, and protect your personal information
|
||||
while delivering our services.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="process-sectionbottom">
|
||||
<div className="container privacycontent">
|
||||
<h2 className="mb-4">Privacy Policy</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">1. Information We Collect</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">2. How We Use Your Information</h5>
|
||||
<p>
|
||||
Your information is used to provide services, respond to inquiries,
|
||||
improve our offerings, and communicate important updates regarding your
|
||||
project.
|
||||
</p>
|
||||
<h5 className="mt-4">3. Data Protection</h5>
|
||||
<p>
|
||||
We implement appropriate security measures to protect your personal data
|
||||
from unauthorized access, alteration, disclosure, or destruction.
|
||||
</p>
|
||||
<h5 className="mt-4">4. Sharing of Information</h5>
|
||||
<p>
|
||||
We do not sell, trade, or rent your personal information. Your data may
|
||||
only be shared with trusted partners involved in delivering services.
|
||||
</p>
|
||||
<h5 className="mt-4">5. Cookies</h5>
|
||||
<p>
|
||||
Our website may use cookies to enhance user experience and analyze
|
||||
website traffic. You can choose to disable cookies through your browser
|
||||
settings.
|
||||
</p>
|
||||
<h5 className="mt-4">6. Third-Party Links</h5>
|
||||
<p>
|
||||
Our website may contain links to external sites. We are not responsible
|
||||
for the privacy practices of those websites.
|
||||
</p>
|
||||
<h5 className="mt-4">7. Your Rights</h5>
|
||||
<p>
|
||||
You have the right to access, update, or request deletion of your
|
||||
personal data at any time by contacting us.
|
||||
</p>
|
||||
<h5 className="mt-4">8. Updates to Policy</h5>
|
||||
<p>
|
||||
We may update this policy periodically. Any changes will be posted on
|
||||
this page with updated revisions.
|
||||
</p>
|
||||
<h5 className="mt-4">9. Contact Us</h5>
|
||||
<p>
|
||||
If you have any questions about this Privacy Policy, feel free to
|
||||
contact us at
|
||||
<strong>reimagine@housecoin.biz</strong>.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,207 @@
|
||||
import Contact from "@/component/Contact"
|
||||
export default function ProcessPage() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="hero-remodel-section ourprocesswraptop"
|
||||
style={{ backgroundImage: "url(./assets/images/ourprocessback.png)" }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">Process</span>
|
||||
<h1 className="hero-remodel-title">Our Process</h1>
|
||||
<p className="hero-remodel-text">
|
||||
From initial consultation to final handover, we guide you through
|
||||
every step with transparency, expertise, and dedication to
|
||||
excellence.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="processwrap-section">
|
||||
<div className="container">
|
||||
<div className="text-center services-top">
|
||||
<div style={{ width: "100%" }}>
|
||||
<h2 className="processwrap-title">
|
||||
A Seamless Path to <span>Exceptional Living</span>
|
||||
</h2>
|
||||
<p className="processwrap-subtitle">
|
||||
From concept to completion, Housecoin delivers a refined,
|
||||
transparent journey— where every detail is planned and executed
|
||||
flawlessly.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="processwrap-timeline processdown">
|
||||
<div className="bottonarrow" />
|
||||
<div className="row align-items-center processwrap-item paddprocesswith">
|
||||
<div className="col-md-6 left">
|
||||
<div className="processwrap-card">
|
||||
<h5>
|
||||
<div className="imagwrap">
|
||||
<img src="assets/images/icons/Master.svg" alt="" />
|
||||
</div>
|
||||
Consultation
|
||||
</h5>
|
||||
<p>We start by understanding your vision, needs, and budget.</p>
|
||||
<span className="number">01</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6" />
|
||||
</div>
|
||||
<div className="row align-items-center processwrap-item">
|
||||
<div className="col-md-6" />
|
||||
<div className="col-md-6 right">
|
||||
<div className="processwrap-card">
|
||||
<h5>
|
||||
<div className="imagwrap">
|
||||
<img src="assets/images/icons/Master.svg" alt="" />
|
||||
</div>
|
||||
Design
|
||||
</h5>
|
||||
<p>Our team creates detailed plans and 3D visualizations.</p>
|
||||
<span className="number">02</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row align-items-center processwrap-item">
|
||||
<div className="col-md-6 left">
|
||||
<div className="processwrap-card">
|
||||
<h5>
|
||||
<div className="imagwrap">
|
||||
<img src="assets/images/icons/Master.svg" alt="" />
|
||||
</div>
|
||||
Planning
|
||||
</h5>
|
||||
<p>We finalize materials, timeline, and project scope.</p>
|
||||
<span className="number">03</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6" />
|
||||
</div>
|
||||
<div className="row align-items-center processwrap-item">
|
||||
<div className="col-md-6" />
|
||||
<div className="col-md-6 right">
|
||||
<div className="processwrap-card">
|
||||
<h5>
|
||||
<div className="imagwrap">
|
||||
<img src="assets/images/icons/Master.svg" alt="" />
|
||||
</div>
|
||||
Construction
|
||||
</h5>
|
||||
<p>Skilled craftsmen bring your vision to life.</p>
|
||||
<span className="number">04</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row align-items-center processwrap-item">
|
||||
<div className="col-md-6 left">
|
||||
<div className="processwrap-card">
|
||||
<h5>
|
||||
<div className="imagwrap">
|
||||
<img src="assets/images/icons/Master.svg" alt="" />
|
||||
</div>
|
||||
Quality Check
|
||||
</h5>
|
||||
<p>Rigorous inspection ensures perfect execution.</p>
|
||||
<span className="number">05</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6" />
|
||||
</div>
|
||||
<div className="row align-items-center processwrap-item">
|
||||
<div className="col-md-6" />
|
||||
<div className="col-md-6 right">
|
||||
<div className="processwrap-card">
|
||||
<h5>
|
||||
<div className="imagwrap">
|
||||
<img src="assets/images/icons/Master.svg" alt="" />
|
||||
</div>
|
||||
Deliver
|
||||
</h5>
|
||||
<p>
|
||||
We hand over a finished space ready for you to live and grow.
|
||||
</p>
|
||||
<span className="number">06</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="process-sectionbottom">
|
||||
<div className="container">
|
||||
{/* Heading */}
|
||||
<div className="row ">
|
||||
<div className="services-top">
|
||||
<div>
|
||||
<h2>
|
||||
Why Our Process <span>Works</span>
|
||||
</h2>
|
||||
<p className="text-muted">
|
||||
We've refined our approach over years of delivering <br />{" "}
|
||||
exceptional results for our clients.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Cards */}
|
||||
<div className="row g-4">
|
||||
{/* 01 */}
|
||||
<div className="col-md-3">
|
||||
<div className="process-cardwrap">
|
||||
<span className="number">01</span>
|
||||
<h5>Transparency</h5>
|
||||
<img
|
||||
src="assets/images/Transparencyprocess.png"
|
||||
className="img-fluid"
|
||||
/>
|
||||
<p>
|
||||
Stay informed at every stage with regular updates and open
|
||||
dialogue.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* 02 */}
|
||||
<div className="col-md-3">
|
||||
<div className="process-cardwrap">
|
||||
<span className="number">02</span>
|
||||
<h5>Expert Craftsmanship</h5>
|
||||
<img src="assets/images/expert.png" className="img-fluid" />
|
||||
<p>
|
||||
Our team of experienced professionals ensures exceptional quality.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* 03 */}
|
||||
<div className="col-md-3">
|
||||
<div className="process-cardwrap">
|
||||
<span className="number">03</span>
|
||||
<h5>On-Time Delivery</h5>
|
||||
<img src="assets/images/Delivery.png" className="img-fluid" />
|
||||
<p>
|
||||
We respect your time and deliver projects within agreed timelines.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* 04 */}
|
||||
<div className="col-md-3">
|
||||
<div className="process-cardwrap">
|
||||
<span className="number">04</span>
|
||||
<h5>Budget Friendly</h5>
|
||||
<img src="assets/images/Budget.png" className="img-fluid" />
|
||||
<p>No hidden costs, just honest pricing and great value.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Contact/>
|
||||
</>
|
||||
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,112 @@
|
||||
export default function TermsPage() {
|
||||
return (
|
||||
<div>
|
||||
<>
|
||||
<section
|
||||
className="hero-remodel-section ourprocesswraptop"
|
||||
style={{ backgroundImage: "url(./assets/images/aboutback.png)" }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-end">
|
||||
<div className="col-lg-6">
|
||||
<div className="hero-remodel-content">
|
||||
<span className="hero-remodel-subtitle">Terms of Service</span>
|
||||
<h1 className="hero-remodel-title">Terms & Conditions</h1>
|
||||
<p className="hero-remodel-text">
|
||||
Please read these terms carefully before using our services.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section className="process-sectionbottom">
|
||||
<div className="container privacycontent">
|
||||
<h2 className="mb-4">Terms of Service</h2>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">1. Use of Services</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">2. Service Agreement</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">3. Pricing & Payments</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">4. Project Timelines</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">5. Client Responsibilities</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">6. Intellectual Property</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">7. Limitation of Liability</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">8. Cancellation & Refund</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">9. Changes to Terms</h5>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h5 className="mt-4">10. Contact</h5>
|
||||
<p>
|
||||
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 <strong>reimagine@housecoin.biz</strong> and our team will
|
||||
be happy to assist you.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user