generated from dwd/boilarplate-astro-tailwind
pull/1/head
Suvodip
parent
bb6b3dae39
commit
6d64b5f94a
|
|
@ -18,6 +18,7 @@
|
|||
"eslint": "^8.44.0",
|
||||
"flowbite": "^1.7.0",
|
||||
"flowbite-typography": "^1.0.3",
|
||||
"htmx.org": "^1.9.12",
|
||||
"lg-zoom": "^1.3.0",
|
||||
"lightgallery": "^2.7.2",
|
||||
"shiki": "^0.14.3",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 254 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 858 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 440 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 187 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 168 KiB |
|
|
@ -3,13 +3,13 @@ const img3DArtitect = [{ image_src: "/assets/3d_artitec/3dap_1.jpeg" },{ image_s
|
|||
---
|
||||
<div class=" container mx-auto">
|
||||
<div class="page-head">
|
||||
<h1 class="text-center text-[20px] font-bold">Architecture Planning</h1>
|
||||
<h1 class="text-center text-[20px] font-bold mb-4"><span class="bg-[#000]/60 py-3 px-6 rounded-lg ">Architecture Planning</span></h1>
|
||||
<div class="demo-gallery">
|
||||
|
||||
<ul id="lightgallery2">
|
||||
{img3DArtitect.map((data: {image_src: string | undefined;})=>
|
||||
<li class="w-full md:w-[300px]" data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`} data-src={data.image_src}
|
||||
data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
|
||||
data-sub-html=" ">
|
||||
<a href="">
|
||||
<div class="w-full md:w-[400px] h-[400px]">
|
||||
<img class="img-responsive" src={data.image_src}>
|
||||
|
|
@ -42,6 +42,7 @@ const img3DArtitect = [{ image_src: "/assets/3d_artitec/3dap_1.jpeg" },{ image_s
|
|||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
list-style: outside none none;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a {
|
||||
|
|
|
|||
|
|
@ -1,62 +0,0 @@
|
|||
---
|
||||
export interface Props {
|
||||
title: string;
|
||||
body: string;
|
||||
href: string;
|
||||
}
|
||||
|
||||
const { href, title, body } = Astro.props;
|
||||
---
|
||||
|
||||
<li class="link-card">
|
||||
<a href={href}>
|
||||
<h2>
|
||||
{title}
|
||||
<span>→</span>
|
||||
</h2>
|
||||
<p>
|
||||
{body}
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<style>
|
||||
.link-card {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
padding: 0.15rem;
|
||||
background-color: white;
|
||||
background-image: var(--accent-gradient);
|
||||
background-size: 400%;
|
||||
border-radius: 0.5rem;
|
||||
background-position: 100%;
|
||||
transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
|
||||
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.link-card > a {
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
line-height: 1.4;
|
||||
padding: 1rem 1.3rem;
|
||||
border-radius: 0.35rem;
|
||||
color: #111;
|
||||
background-color: white;
|
||||
opacity: 0.8;
|
||||
}
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
|
||||
}
|
||||
p {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0;
|
||||
color: #444;
|
||||
}
|
||||
.link-card:is(:hover, :focus-within) {
|
||||
background-position: 0;
|
||||
}
|
||||
.link-card:is(:hover, :focus-within) h2 {
|
||||
color: rgb(var(--accent));
|
||||
}
|
||||
</style>
|
||||
|
|
@ -3,13 +3,13 @@ const img3DElevation = [{ image_src: "/assets/3d_elevation/3de_1.jpeg" },{ image
|
|||
---
|
||||
<div class=" container mx-auto">
|
||||
<div class="page-head">
|
||||
<h1 class="text-center text-[20px] font-bold">3D Elevation</h1>
|
||||
<h1 class="text-center text-[20px] font-bold mb-4"><span class="bg-[#000]/60 py-3 px-6 rounded-lg ">3D Elevation</span></h1>
|
||||
<div class="demo-gallery">
|
||||
|
||||
<ul id="lightgallery3">
|
||||
{img3DElevation.map((data: {image_src: string | undefined;})=>
|
||||
<li class="w-full md:w-[300px]" data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`} data-src={data.image_src}
|
||||
data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
|
||||
data-sub-html=" ">
|
||||
<a href="">
|
||||
<div class="w-full md:w-[400px] h-[400px]">
|
||||
<img class="img-responsive" src={data.image_src}>
|
||||
|
|
@ -42,6 +42,7 @@ const img3DElevation = [{ image_src: "/assets/3d_elevation/3de_1.jpeg" },{ image
|
|||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
list-style: outside none none;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a {
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@ const img3DFloor = [{ image_src: '/assets/3d_house/3df_1.webp' },{ image_src: '/
|
|||
---
|
||||
<div class=" container mx-auto">
|
||||
<div class="page-head">
|
||||
<h1 class="text-center text-[20px] font-bold">3D Floor Plan</h1>
|
||||
<h1 class="text-center text-[20px] font-bold mb-4"><span class="bg-[#000]/60 py-3 px-6 rounded-lg ">3D Floor Plan</span></h1>
|
||||
<div class="demo-gallery">
|
||||
|
||||
<ul id="lightgallery1">
|
||||
{img3DFloor.map((data: {image_src: string | undefined;})=>
|
||||
<li class="w-full md:w-[300px]" data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`} data-src={data.image_src}
|
||||
data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
|
||||
data-sub-html=" ">
|
||||
<a href="">
|
||||
<div class="w-full md:w-[400px] h-[400px]">
|
||||
<img class="img-responsive" src={data.image_src}>
|
||||
|
|
@ -40,6 +40,7 @@ const img3DFloor = [{ image_src: '/assets/3d_house/3df_1.webp' },{ image_src: '/
|
|||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
list-style: outside none none;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a {
|
||||
|
|
|
|||
|
|
@ -1,40 +1,55 @@
|
|||
---
|
||||
const servicesDropList = [{"service": "Residential Interior Design"},{"service": "2d Planning"},{"service": "3D Floor Plan"},{"service": "Commercial Interior Design"},{"service": "3D Elevation"},{"service": "Modular Kitchen"},{"service": "Structure design"},{"service": "M.E.P design"},{"service": "Home design Package"},{"service": "Platinum"},{"service": "Gold"},{"service": "Silver"},{"service": "Others"}];
|
||||
const servicesDropList = [
|
||||
{"name" : "Architectural Drawing", "img" : "/assets/2d.webp", "slug" : "services"},
|
||||
{"name" : "Architectural Elevation", "img" : "/assets/3d_floor.webp", "slug" : "services"},
|
||||
{"name" : "2D Floor Plan", "img" : "/assets/3d_ele.webp", "slug" : "services"},
|
||||
{"name" : "3D Elevation", "img" : "/assets/str.webp", "slug" : "services"},
|
||||
{"name" : "3D Representation", "img" : "/assets/pack.webp", "slug" : "services"},
|
||||
{"name" : "Structural Analysis", "img" : "", "slug" : "services"},
|
||||
{"name" : "Structural Drawing", "img" : "", "slug" : "services"},
|
||||
{"name" : "Construction", "img" : "", "slug" : "services"},
|
||||
{"name" : "Site Supervision", "img" : "", "slug" : "services"},
|
||||
{"name" : "Field Consultation", "img" : "", "slug" : "services"},
|
||||
{"name" : "Interior Design", "img" : "", "slug" : "services"},
|
||||
{"name" : "Structure Design", "img" : "", "slug" : "services"}
|
||||
];
|
||||
---
|
||||
|
||||
<section class="container mx-auto px-4 max-w-2xl mt-10" id="contact-form">
|
||||
<form method="post" class="flex flex-col shadow-lg p-4 rounded-xl border space-y-2">
|
||||
<p class="text-center text-[25px] font-bold">Contact Us</p>
|
||||
<section class="container mx-auto px-4 max-w-2xl pt-20" id="contact-form">
|
||||
<form id="contactForm" method="post" class="flex flex-col shadow-lg p-4 rounded-xl border space-y-2">
|
||||
<p class="text-center text-[25px] font-bold ">Contact Us</p>
|
||||
<p class="font-bold "><span class="bg-[#000]/60">Have you any queries? Feel free to ask.</span></p>
|
||||
<div class="flex flex-col">
|
||||
<label for="name">Name:</label>
|
||||
<input type="text" name="name" id="name" class="border-[2px] p-2 rounded-md" />
|
||||
<label class="font-bold" for="name">Name:</label>
|
||||
<input type="text" name="name" id="name" class="border-[2px] p-2 rounded-md bg-[#000]/60" placeholder="Full Name" />
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="email">Email Id:</label>
|
||||
<input type="email" name="email" id="email" class="border-[2px] p-2 rounded-md" />
|
||||
<label class="font-bold" for="email">Email Id:</label>
|
||||
<input type="email" name="email" id="email" class="border-[2px] p-2 rounded-md bg-[#000]/60" placeholder="Email Id" />
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="mobile">Mobile No.:</label>
|
||||
<input type="text" name="mobile" id="mobile" class="border-[2px] p-2 rounded-md" />
|
||||
<label class="font-bold" for="mobile">Mobile No.:</label>
|
||||
<input type="text" name="mobile" id="mobile" class="border-[2px] p-2 rounded-md bg-[#000]/60" placeholder="Mobile No" />
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="city">City:</label>
|
||||
<input type="text" name="city" id="city" class="border-[2px] p-2 rounded-md" />
|
||||
<label class="font-bold" for="city">City:</label>
|
||||
<input type="text" name="city" id="city" class="border-[2px] p-2 rounded-md bg-[#000]/60" placeholder="City Name" />
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="service">Service:</label>
|
||||
<select name="service" id="service" class="border-[2px] p-2 rounded-md">
|
||||
{servicesDropList.map((dataList: {service: string | undefined;}) => (
|
||||
<option value={dataList.service}>{dataList.service}</option>
|
||||
<label class="font-bold" for="service">Service:</label>
|
||||
<select name="service" id="service" class="border-[2px] p-2 rounded-md bg-[#000]/60">
|
||||
<option value="0">-Select-</option>
|
||||
{servicesDropList.map((dataList: {name: string | undefined;}) => (
|
||||
<option value={dataList.name}>{dataList.name}</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label for="message">Query:</label>
|
||||
<textarea name="message" id="message" class="border-[2px] p-2 rounded-md" ></textarea>
|
||||
<label class="font-bold" for="message">Query:</label>
|
||||
<textarea name="message" id="message" class="border-[2px] p-2 rounded-md bg-[#000]/60" rows="6" placeholder="write your message..." ></textarea>
|
||||
</div>
|
||||
<div class="float-right">
|
||||
<input type="submit" value="Submit" class="bg-[#212529] text-[#fff] px-6 py-3 rounded-md float-right cursor-pointer" />
|
||||
<button onclick="submitForm(event);" class="bg-[#128c7e] text-[#fff] px-6 py-3 rounded-md float-right" >Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
|
|
@ -42,10 +57,10 @@ const servicesDropList = [{"service": "Residential Interior Design"},{"service":
|
|||
<footer class="container-fluid mt-10 bg-[#fafafa]">
|
||||
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
||||
<div class="md:border-r-2 p-4">
|
||||
<img src="/assets/logo_t.png" alt="3D House Offical Logo" />
|
||||
<img src="/assets/logo2.webp" alt="3D House Offical Logo" />
|
||||
</div>
|
||||
<div class="flex flex-col md:border-r-2 p-4">
|
||||
<p><b>Business Hours</b></p>
|
||||
<p class=""><b>Business Hours</b></p>
|
||||
<table>
|
||||
<tr class="">
|
||||
<td class="py-2">Monday</td>
|
||||
|
|
@ -78,16 +93,42 @@ const servicesDropList = [{"service": "Residential Interior Design"},{"service":
|
|||
</table>
|
||||
</div>
|
||||
<div class="flex flex-col md:border-r-2 p-4 space-y-4">
|
||||
<p><b>Business Hours</b></p>
|
||||
<p><b>Contact information</b></p>
|
||||
<p><span>☎</span> +91 8609370170</p>
|
||||
<p><span>✉</span> 3dhouseofficial@gmail.com</p>
|
||||
</div>
|
||||
<div class="flex flex-col p-4 space-y-4 md:border-r-2 lg:border-none">
|
||||
<p><b>Useful Links</b></p>
|
||||
<a href="/"><span class="text-[#0d6efd]">⮚</span> Home</a>
|
||||
<a href="/portfolio"><span class="text-[#0d6efd]">⮚</span> Portfolio</a>
|
||||
<a href="/services"><span class="text-[#0d6efd]">⮚</span> Services</a>
|
||||
<a href="/reviews"><span class="text-[#0d6efd]">⮚</span> Reviews</a>
|
||||
</div>
|
||||
<div class="flex flex-col p-4 space-y-4 md:border-r-2 lg:border-none">
|
||||
<p><b>Useful Links</b></p>
|
||||
<a href="/" class="text-[#0d6efd]"><span class="">⮚</span> Home</a>
|
||||
<a href="/portfolio" class="text-[#0d6efd]"><span class="">⮚</span> Portfolio</a>
|
||||
<a href="/services" class="text-[#0d6efd]"><span class="">⮚</span> Services</a>
|
||||
<a href="/reviews" class="text-[#0d6efd]"><span class="">⮚</span> Reviews</a>
|
||||
<a href="/about-us" class="text-[#0d6efd]"><span class="">⮚</span> About Us</a>
|
||||
<a href="/terms&conditions" class="text-[#0d6efd]"><span class="">⮚</span> Terms & Condiotions</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<script is:inline>
|
||||
function submitForm(event) {
|
||||
event.preventDefault();
|
||||
var contactForm = document.getElementById("contactForm");
|
||||
var formData = new FormData(contactForm);
|
||||
|
||||
fetch('https://example.com/api/endpoint', {
|
||||
method: 'POST',
|
||||
body: formData
|
||||
})
|
||||
.then(response => {
|
||||
if (!response.ok) {
|
||||
throw new Error('Network response was not ok');
|
||||
}
|
||||
return response.json();
|
||||
})
|
||||
.then(data => {
|
||||
console.log('Success:', data);
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,202 @@
|
|||
---
|
||||
const img3DResInter = [
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_1.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_2.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_3.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_4.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_5.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_6.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_7.jpeg" },
|
||||
{ "image_src": "/assets/3d_res_inter/3drid_8.jpeg" },
|
||||
|
||||
{ "image_src": "/assets/3d_house/3df_1.webp" },
|
||||
{ "image_src": "/assets/3d_house/3df_2.jpeg" },
|
||||
{ "image_src": "/assets/3d_house/3df_3.jpeg" },
|
||||
{ "image_src": "/assets/3d_house/3df_4.jpeg" },
|
||||
{ "image_src": "/assets/3d_house/3df_5.jpeg" },
|
||||
{ "image_src": "/assets/3d_house/3df_6.jpeg" },
|
||||
{ "image_src": "/assets/3d_house/3df_7.jpeg" },
|
||||
{ "image_src": "/assets/3d_house/3df_8.jpeg" },
|
||||
|
||||
{ "image_src": "/assets/3d_elevation/3de_1.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_2.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_3.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_4.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_5.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_6.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_7.jpeg" },
|
||||
{ "image_src": "/assets/3d_elevation/3de_8.jpeg" },
|
||||
|
||||
{ "image_src": "/assets/3d_artitec/3dap_1.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_2.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_3.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_4.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_5.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_6.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_7.jpeg" },
|
||||
{ "image_src": "/assets/3d_artitec/3dap_8.jpeg" }
|
||||
];
|
||||
---
|
||||
<div class=" container mx-auto">
|
||||
<div class="page-head">
|
||||
<p class="text-center text-[30px] font-bold my-6 bg-[#000]/70"><span>Portfolio</span></p>
|
||||
<!-- <h1 class="text-center text-[20px] font-bold">Portfolio</h1> -->
|
||||
<div class="demo-gallery">
|
||||
|
||||
<ul id="lightgallery5">
|
||||
{img3DResInter.map((data: {image_src: string | undefined;})=>
|
||||
<li class="w-full md:w-[300px]" data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`} data-src={data.image_src}
|
||||
data-sub-html=" ">
|
||||
<a href="">
|
||||
<div class="w-full md:w-[400px] h-[400px]">
|
||||
<img class="img-responsive" src={data.image_src}>
|
||||
</div>
|
||||
<div class="demo-gallery-poster">
|
||||
<img src="https://sachinchoolur.github.io/lightgallery.js/static/img/zoom.png">
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
)}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script is:inline src="/assets/lightgallery.min.js"></script>
|
||||
<link rel="stylesheet" href="/assets/lightgallery.min.css">
|
||||
|
||||
<script is:inline>
|
||||
lightGallery(document.getElementById('lightgallery5'))
|
||||
</script>
|
||||
<style>
|
||||
|
||||
|
||||
.demo-gallery > ul {
|
||||
margin-bottom: 0;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li {
|
||||
margin-bottom: 15px;
|
||||
display: inline-block;
|
||||
list-style: outside none none;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a {
|
||||
border: 3px solid #FFF;
|
||||
border-radius: 3px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a > img {
|
||||
-webkit-transition: -webkit-transform 0.15s ease 0s;
|
||||
-moz-transition: -moz-transform 0.15s ease 0s;
|
||||
-o-transition: -o-transform 0.15s ease 0s;
|
||||
transition: transform 0.15s ease 0s;
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a:hover > img {
|
||||
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
||||
transform: scale3d(1.1, 1.1, 1.1);
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a .demo-gallery-poster {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
-webkit-transition: background-color 0.15s ease 0s;
|
||||
-o-transition: background-color 0.15s ease 0s;
|
||||
transition: background-color 0.15s ease 0s;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a .demo-gallery-poster > img {
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
margin-top: -10px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transition: opacity 0.3s ease 0s;
|
||||
-o-transition: opacity 0.3s ease 0s;
|
||||
transition: opacity 0.3s ease 0s;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a:hover .demo-gallery-poster {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.demo-gallery .justified-gallery > a > img {
|
||||
-webkit-transition: -webkit-transform 0.15s ease 0s;
|
||||
-moz-transition: -moz-transform 0.15s ease 0s;
|
||||
-o-transition: -o-transform 0.15s ease 0s;
|
||||
transition: transform 0.15s ease 0s;
|
||||
-webkit-transform: scale3d(1, 1, 1);
|
||||
transform: scale3d(1, 1, 1);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.demo-gallery .justified-gallery > a:hover > img {
|
||||
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
||||
transform: scale3d(1.1, 1.1, 1.1);
|
||||
}
|
||||
|
||||
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.demo-gallery .justified-gallery > a .demo-gallery-poster {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
-webkit-transition: background-color 0.15s ease 0s;
|
||||
-o-transition: background-color 0.15s ease 0s;
|
||||
transition: background-color 0.15s ease 0s;
|
||||
}
|
||||
|
||||
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
margin-top: -10px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
-webkit-transition: opacity 0.3s ease 0s;
|
||||
-o-transition: opacity 0.3s ease 0s;
|
||||
transition: opacity 0.3s ease 0s;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.demo-gallery .video .demo-gallery-poster img {
|
||||
height: 48px;
|
||||
margin-left: -24px;
|
||||
margin-top: -24px;
|
||||
opacity: 0.8;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
.demo-gallery.dark > ul > li a {
|
||||
border: 3px solid #04070a;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
</ul>
|
||||
<h1 class="logo">
|
||||
<a href="/">
|
||||
<img class="w-[70px]" src="/assets/logo.png" alt="3D House Official Logo" />
|
||||
<img class="w-[68px] h-[64px]" src="/assets/logo2.webp" alt="3D House Official Logo" />
|
||||
</a>
|
||||
</h1>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,13 +3,13 @@ const img3DResInter = [{ image_src: "/assets/3d_res_inter/3drid_1.jpeg" },{ imag
|
|||
---
|
||||
<div class=" container mx-auto">
|
||||
<div class="page-head">
|
||||
<h1 class="text-center text-[20px] font-bold">Residential Interior Design</h1>
|
||||
<h1 class="text-center text-[20px] font-bold mb-4"><span class="bg-[#000]/60 py-3 px-6 rounded-lg ">Residential Interior Design</span></h1>
|
||||
<div class="demo-gallery">
|
||||
|
||||
<ul id="lightgallery4">
|
||||
{img3DResInter.map((data: {image_src: string | undefined;})=>
|
||||
<li class="w-full md:w-[300px]" data-responsive={`${data.image_src} 375, ${data.image_src} 480, ${data.image_src} 800`} data-src={data.image_src}
|
||||
data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
|
||||
data-sub-html=" ">
|
||||
<a href="">
|
||||
<div class="w-full md:w-[400px] h-[400px]">
|
||||
<img class="img-responsive" src={data.image_src}>
|
||||
|
|
@ -50,6 +50,7 @@ const img3DResInter = [{ image_src: "/assets/3d_res_inter/3drid_1.jpeg" },{ imag
|
|||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.demo-gallery > ul > li a > img {
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
export interface Props {
|
||||
title: string;
|
||||
}
|
||||
|
||||
const { title } = Astro.props;
|
||||
|
||||
import Footer from '../components/Footer.astro';
|
||||
import MainHeader from '../components/MainHeader.astro';
|
||||
---
|
||||
|
|
@ -13,7 +13,7 @@ import MainHeader from '../components/MainHeader.astro';
|
|||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<link rel="icon" type="image/ico+xml" href="/favicon.ico" />
|
||||
<meta name="generator" content={Astro.generator} />
|
||||
<title>{title}</title>
|
||||
</head>
|
||||
|
|
@ -24,6 +24,16 @@ import MainHeader from '../components/MainHeader.astro';
|
|||
<Footer />
|
||||
</html>
|
||||
<style is:global>
|
||||
body{
|
||||
background-image: url("/assets/elv3d.jpg");
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
color: #fff;
|
||||
}
|
||||
footer{
|
||||
color: #000;
|
||||
}
|
||||
/* :root {
|
||||
--accent: 124, 58, 237;
|
||||
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
---
|
||||
<Layout title='3D House | About Us'>
|
||||
<main>
|
||||
<div class="pt-20">
|
||||
<section class="container mx-auto px-4 max-w-2xl bg-[#000]/60 rounded-xl py-6">
|
||||
<h1 class="text-center text-[30px] font-bold py-4">About Us</h1>
|
||||
<div class="space-y-2">
|
||||
<h2 class="text-center font-bold">Welcome to 3DHouse.com</h2>
|
||||
<p class="text-justify">At 3DHouse, we bring architectural visions to life with precision and creativity. With years of experience in the industry, we have built a reputation for excellence and innovation.</p>
|
||||
<p class="text-justify">Our mission is simple: to provide unparalleled architectural services that exceed our clients' expectations. Whether you're a homeowner looking to renovate your space or a developer embarking on a new project, we are here to turn your ideas into reality.</p>
|
||||
<p class="text-justify">At 3DHouse, we offer a comprehensive range of services, including architectural drawing, 2D and 3D design, structural analysis, construction management, interior design, and more. Our team of skilled architects, engineers, designers, and project managers work collaboratively to deliver exceptional results on every project.</p>
|
||||
<p class="text-justify">We believe in fostering strong relationships with our clients, understanding their unique needs, and delivering tailor-made solutions that reflect their vision and style. Transparency, integrity, and professionalism are at the core of everything we do, ensuring a seamless and enjoyable experience for our clients from start to finish.</p>
|
||||
<p class="text-justify">Thank you for considering 3DHouse for your architectural needs. We look forward to partnering with you to bring your dreams to life.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
|
|
@ -1,39 +1,61 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import MainHeader from '../components/MainHeader.astro';
|
||||
// import GalleryImage from '../components/GalleryImage.vue';
|
||||
const whyus_data = [{"title" : "24x7 service about to get the same"},{"title" : "Design delivered within 24hr"},{"title" : "Multiple times Changes"},{"title" : "We provide cost-effective 3D designs services across India"},{"title" : "Designed by 15+year Experience senior Architect and Engineer"},{"title" : "Served over 6000+ Project pan India "},{"title" : "Premium design in affordable price"},{"title" : "Design will be kept 100℅ confidential"},{"title" : "Project trackability "},{"title" : "100+ Associates & collaboration with Architect & Engineer"}]
|
||||
const cat_data = [{"cat" : "Architecture","img" : "/assets/arc.webp","slug" : "/architecture"},{"cat" : "Interior Design","img" : "/assets/id.webp","slug" : "/interior-design"},{"cat" : "Construction","img" : "/assets/cons_2.webp","slug" : "/construction"}];
|
||||
const services_data = [{"name" : "2D Planning", "img" : "/assets/2d.webp", "slug" : "services"},{"name" : "3D Floor Planning", "img" : "/assets/3d_floor.webp", "slug" : "services"},{"name" : "3D Elevation", "img" : "/assets/3d_ele.webp", "slug" : "services"},{"name" : "Structure Desgine", "img" : "/assets/str.webp", "slug" : "services"},{"name" : "Home Desgine Package", "img" : "/assets/pack.webp", "slug" : "services"},]
|
||||
import HomePortfolio from '../components/HomePortfolio.astro';
|
||||
const whyus_data = [
|
||||
{"title": "Rapid Delivery: Designs in 24 Hours or Less"},
|
||||
{"title": "Flexible Iterations for Optimal Results"},
|
||||
{"title": "Cost-Effective 3D Design Solutions"},
|
||||
{"title": "Crafted by Seasoned Architects and Engineers with 15+ Years of Expertise"},
|
||||
{"title": "Over 3000 Projects Successfully Completed Across India"},
|
||||
{"title": "Exceptional Design Quality at Competitive Rates"},
|
||||
{"title": "Guaranteed Confidentiality for Your Designs"},
|
||||
{"title": "Efficient Project Monitoring and Transparency"},
|
||||
{"title": "Extensive Network: 100+ Collaborators in Architecture and Engineering"}
|
||||
];
|
||||
const cat_data = [{"cat" : "Architecture","img" : "/assets/art1.jpg","slug" : "/services"},{"cat" : "Interior Design","img" : "/assets/3d_res_inter/3drid_7.jpeg","slug" : "/services"},{"cat" : "Construction","img" : "/assets/con1.jpg","slug" : "/services"}];
|
||||
const services_data = [
|
||||
{"name" : "Architectural Drawing", "img" : "/assets/art2.jpg", "slug" : "services"},
|
||||
{"name" : "Architectural Elevation", "img" : "/assets/elv3d.jpg", "slug" : "services"},
|
||||
{"name" : "2D Floor Plan", "img" : "/assets/floor2d.jpg", "slug" : "services"},
|
||||
{"name" : "3D Elevation", "img" : "/assets/elv3d2.jpg", "slug" : "services"},
|
||||
{"name" : "3D Representation", "img" : "/assets/rep3d.jpg", "slug" : "services"},
|
||||
{"name" : "Structural Analysis", "img" : "/assets/strana.jpg", "slug" : "services"},
|
||||
{"name" : "Structural Drawing", "img" : "/assets/3d_artitec/3dap_2.jpeg", "slug" : "services"},
|
||||
{"name" : "Construction", "img" : "/assets/cons2.jpg", "slug" : "services"},
|
||||
{"name" : "Site Supervision", "img" : "/assets/sites.jpg", "slug" : "services"},
|
||||
{"name" : "Field Consultation", "img" : "/assets/fcon.jpg", "slug" : "services"},
|
||||
{"name" : "Interior Design", "img" : "/assets/3d_res_inter/3drid_5.jpeg", "slug" : "services"},
|
||||
{"name" : "Structure Design", "img" : "/assets/3d_house/3df_4.jpeg", "slug" : "services"}
|
||||
];
|
||||
---
|
||||
|
||||
<Layout title="Welcome to Astro.">
|
||||
<Layout title="3D House | Homepage">
|
||||
<main>
|
||||
<div>
|
||||
<section class="">
|
||||
<div class="flex flex-col justify-center place-items-center">
|
||||
<img class="w-screen h-[600px]" src="/assets/hero_image.webp" alt="" />
|
||||
<a href="/portfolio" class="bg-[#1977cc] text-[#fff] py-4 px-8 rounded-md -mt-6">View Portfolio</a>
|
||||
<img class="w-screen h-[700px]" src="/assets/hero_image22.png" alt="" />
|
||||
<a href="/portfolio" class="bg-[#128c7e] bg-center box-shadow-2xl bg-cover font-bold py-4 px-8 rounded-md -mt-6 shadow-xl mb-4">View Portfolio</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 max-w-3xl">
|
||||
<section class="container mx-auto px-4 max-w-3xl bg-[#000]/70 rounded-lg py-6">
|
||||
<div class="flex flex-col">
|
||||
<p class="text-center">About</p>
|
||||
<h1 class="text-center text-2xl font-bold my-3"> 3D House Official 24*7</h1>
|
||||
<p class="text-center mb-3 italic">realistic your dream</p>
|
||||
<p class="text-justify">Hi, welcome to 3D House 24x7! We specialize in Architecture and Interior Design. Some of our services include Residential Building Design, Commercial Building Design, 3D rendering such as 3D floor plan and 3D elevation. We take up interior design projects for residences and commercial spaces. </p><br>
|
||||
<p class="text-justify">We have been serving customers Pan India for more than 15 years and have completed over 6000 projects in this time. Please have a look at some of our work and get in touch with us to discuss your needs.</p>
|
||||
<h1 class="text-center text-2xl font-bold my-3 bg-[#000]/70"> 3D House</h1>
|
||||
<p class="text-center mb-3 italic">Realistic your Dream</p>
|
||||
<p class="text-justify">Welcome to 3dhouse.com, your premier destination for top-tier architectural design and construction services. From conceptualization to realization, we bring your architectural dreams to life with precision and creativity. Explore our comprehensive range of services, including architectural drawing, 3D visualization, structural analysis, and interior design. Partner with us to elevate your space and embark on a journey of architectural excellence. Let's build your vision together. </p><br>
|
||||
<p class="text-justify">With over 10 years services, we've successfully delivered more than 3000 projects. Explore our portfolio to see our work and reach out to discuss your requirements.</p>
|
||||
</div>
|
||||
<div class="mt-4 space-y-4">
|
||||
<p class="font-bold">WHY US?</p>
|
||||
{whyus_data.map((data: {title : string | undefined}) =>
|
||||
<p>⭐{data.title}</p>
|
||||
<p>⭐ {data.title}</p>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 ">
|
||||
<p class="text-center text-2xl font-bold my-3">Our Expertise</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 space-x-4">
|
||||
<section class="container mx-auto px-4">
|
||||
<p class="text-center text-[30px] font-bold my-6 bg-[#000]/70">Our Expertise</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 space-x-4 ">
|
||||
{cat_data.map((data: {slug: string | undefined; cat: string | undefined; img: string | undefined;}) => (
|
||||
<a href={data.slug} >
|
||||
<div class="flex justify-center place-items-center cat-card-background rounded-lg" style={{backgroundImage: `url(${data.img})`}}>
|
||||
|
|
@ -44,41 +66,27 @@ const services_data = [{"name" : "2D Planning", "img" : "/assets/2d.webp", "slug
|
|||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 ">
|
||||
<p class="text-center text-2xl font-bold my-6">Services</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<p class="text-center text-[30px] font-bold my-6 bg-[#000]/70">Services</p>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
|
||||
{services_data.map((data: {slug: string | undefined; name: string | undefined; img: string | undefined;}) => (
|
||||
<a class=" shadow-xl rounded-md" href={data.slug}>
|
||||
<img class="" src={data.img} alt="" />
|
||||
<h2 class="text-center py-6">{data.name}</h2>
|
||||
<img class="rounded-t-lg h-[250px] w-full" src={data.img} alt="" />
|
||||
<h2 class="text-center py-6 bg-[#000]/80">{data.name}</h2>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
<div class="flex justify-center mt-4">
|
||||
<a href="/services" class="bg-[#212529] text-[#fff] px-6 py-4 rounded-md">View all Services</a>
|
||||
<a href="/services" class="bg-[#128c7e] text-[#fff] px-6 py-4 rounded-md">View all Services</a>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<HomePortfolio />
|
||||
</section>
|
||||
<section class="container mx-auto px-4 mt-4">
|
||||
<h2 class="text-center text-2xl font-bold my-3">Portfolio</h2>
|
||||
<div class="gallery">
|
||||
<div class="thumbnails grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-1" id="thumbnails"></div>
|
||||
<div id="myModal" class="modal">
|
||||
<span class="close" onclick="closeModal()">×</span>
|
||||
<img src="" alt="Full Image" class="modal-content">
|
||||
<button class="prev" onclick="prevImage()">❮</button>
|
||||
<button class="next" onclick="nextImage()">❯</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center mt-4">
|
||||
<a href="/portfolio" class="bg-[#212529] text-[#fff] px-6 py-4 rounded-md">View full Portfolio</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<!-- <Footer /> -->
|
||||
</Layout>
|
||||
<script is:inline>
|
||||
<!-- <script is:inline>
|
||||
const images = [
|
||||
{ image_src: '/assets/3d_house/3df_1.webp' },
|
||||
{ image_src: '/assets/3d_house/3df_2.jpeg' },
|
||||
|
|
@ -92,37 +100,6 @@ const services_data = [{"name" : "2D Planning", "img" : "/assets/2d.webp", "slug
|
|||
{ image_src: '/assets/3d_house/3df_10.jpg' },
|
||||
{ image_src: '/assets/3d_house/3df_11.webp' },
|
||||
{ image_src: '/assets/3d_house/3df_12.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_13.jpg' },
|
||||
// { image_src: '/assets/3d_house/3df_15.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_16.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_17.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_18.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_19.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_20.jpg' },
|
||||
// { image_src: '/assets/3d_house/3df_21.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_22.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_23.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_24.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_25.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_26.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_27.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_28.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_29.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_30.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_31.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_32.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_33.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_34.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_35.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_36.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_37.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_38.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_39.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_40.jpg' },
|
||||
// { image_src: '/assets/3d_house/3df_41.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_42.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_43.jpeg' },
|
||||
// { image_src: '/assets/3d_house/3df_44.jpeg' }
|
||||
];
|
||||
|
||||
|
||||
|
|
@ -180,7 +157,7 @@ const services_data = [{"name" : "2D Planning", "img" : "/assets/2d.webp", "slug
|
|||
currentImageIndex = (currentImageIndex - 1 + images.length) % images.length;
|
||||
openModal(currentImageIndex);
|
||||
}
|
||||
</script>
|
||||
</script> -->
|
||||
<style>
|
||||
.cat-card-background {
|
||||
background-size: cover;
|
||||
|
|
|
|||
|
|
@ -5,21 +5,23 @@ import Artitect3D from '../components/Artitect3D.astro';
|
|||
import Elevation3D from '../components/Elevation3D.astro';
|
||||
import ResidentialInterior from '../components/ResidentialInterior.astro';
|
||||
---
|
||||
<Layout title=''>
|
||||
<Layout title='3D House | Portfolio'>
|
||||
<main>
|
||||
<div>
|
||||
<section class="pt-20">
|
||||
<p class="text-[25px] font-bold text-center">Portfolio</p>
|
||||
<div class="flex flex-row lg:justify-center overflow-x-auto whitespace-nowrap">
|
||||
<button onclick="filterSections('all', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 font-semibold">All</button>
|
||||
<button onclick="filterSections('artiTect3D', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Architecture Planning</button>
|
||||
<button onclick="filterSections('floorPlan3D', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d Floor Plan</button>
|
||||
<button onclick="filterSections('elevation3D', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d elevation</button>
|
||||
<button onclick="filterSections('resdenInter', this)" class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Residential Interior Design</button>
|
||||
<div class="container mx-auto px-4">
|
||||
<p class="text-[25px] font-bold text-center "><span class="bg-[#000]/60 py-3 px-6 rounded-lg">Portfolio</span></p>
|
||||
<div class="flex flex-row lg:justify-center overflow-x-auto whitespace-nowrap mt-4">
|
||||
<button onclick="filterSections('all', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 font-semibold">All</button>
|
||||
<button onclick="filterSections('artiTect3D', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Architecture Planning</button>
|
||||
<button onclick="filterSections('floorPlan3D', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d Floor Plan</button>
|
||||
<button onclick="filterSections('elevation3D', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">3d elevation</button>
|
||||
<button onclick="filterSections('resdenInter', this)" class="tablink bg-[#000]/60 inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold">Residential Interior Design</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-4" id="floorPlan3D">
|
||||
<FloorPlan3D />
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-4" id="artiTect3D">
|
||||
<Artitect3D />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,57 +1,447 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
const custReview = [
|
||||
{
|
||||
"customer_name": "Arjun Das",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "I recently used their services for residential interior design and I must say I am thoroughly impressed! The team did an amazing job transforming my space into something beyond my expectations. Their attention to detail and creativity really shine through."
|
||||
},
|
||||
{
|
||||
"customer_name": "Priya Ghosh",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "I hired them for both 2D and 3D planning, and I'm satisfied with the outcome. They were able to accurately visualize my ideas and turn them into reality. The 3D floor plan helped me understand the layout better before the actual construction began."
|
||||
},
|
||||
{
|
||||
"customer_name": "Ananya Chatterjee",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service is top-notch! They understood our brand's identity and incorporated it flawlessly into the design. The result is a space that not only looks stunning but also enhances our business operations."
|
||||
},
|
||||
{
|
||||
"customer_name": "Rajiv Dutta",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I opted for their modular kitchen service, and I'm quite pleased with the outcome. The design is modern, functional, and fits perfectly with the overall theme of my home. It has made cooking a much more enjoyable experience!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Rima Banerjee",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 3,
|
||||
"review_text": "While the structure design was good, I had some minor issues with the MEP design. However, the team was quick to address them and overall, I'm satisfied with the final result. The home design package offered was comprehensive and convenient."
|
||||
},
|
||||
{
|
||||
"customer_name": "Subhash Mukherjee",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "I went for their platinum package and it was worth every penny! From start to finish, they provided exceptional service and attention to detail. The end result exceeded my expectations and I couldn't be happier with my new space."
|
||||
},
|
||||
{
|
||||
"customer_name": "Nisha Dasgupta",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Absolutely thrilled with the outcome of my residential interior design project! They brought my vision to life in such a beautiful way. The entire process was smooth and enjoyable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Aniruddha Sen",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new home. The attention to detail in the floor plan was impressive, making it easier for me to make decisions during the construction phase."
|
||||
},
|
||||
{
|
||||
"customer_name": "Pooja Roy",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service exceeded my expectations! They not only created a visually stunning space but also considered functionality and brand identity. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Debabrata Gupta",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only beautiful but also highly practical, making cooking a breeze. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Sunita Bhattacharya",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design was robust and well-engineered. Although there were a few initial hiccups with the MEP design, they were promptly resolved, and I'm pleased with the overall outcome. The home design package provided a comprehensive solution."
|
||||
},
|
||||
{
|
||||
"customer_name": "Ayan Basu",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Choosing their platinum package was the best decision I made for my home renovation project! The level of professionalism and expertise they demonstrated throughout the process was exceptional. I couldn't be happier with the result."
|
||||
},
|
||||
{
|
||||
"customer_name": "Ishita Kar",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service completely transformed my home! They listened attentively to my ideas and preferences and executed them flawlessly. I'm beyond satisfied with the outcome."
|
||||
},
|
||||
{
|
||||
"customer_name": "Rahul Datta",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services provided a clear vision of the layout and design of my new space. It helped me make informed decisions and ensured that the end result matched my expectations."
|
||||
},
|
||||
{
|
||||
"customer_name": "Tanya Chakraborty",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service is unparalleled! They took our requirements and turned them into a functional yet aesthetically pleasing workspace. The attention to detail is remarkable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Deepak Sengupta",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm delighted with the modular kitchen they designed for me. It's not only visually appealing but also highly functional. Their expertise in maximizing space is evident in the design."
|
||||
},
|
||||
{
|
||||
"customer_name": "Anushka Das",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process seamless."
|
||||
},
|
||||
{
|
||||
"customer_name": "Bikramjit Ray",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is worth every penny! The level of detail and professionalism they exhibited throughout the project was exceptional. I'm thrilled with the final result."
|
||||
},
|
||||
{
|
||||
"customer_name": "Sonali Dutta",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "I'm absolutely in love with the transformation they brought to my home! Their residential interior design service is top-notch. They perfectly captured my style and preferences."
|
||||
},
|
||||
{
|
||||
"customer_name": "Pranab Mukherjee",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new space. The attention to detail in the floor plan helped me make informed decisions."
|
||||
},
|
||||
{
|
||||
"customer_name": "Jaya Goswami",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service is exceptional! They created a space that perfectly reflects our brand identity while ensuring functionality. Highly recommend their services!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Debjit Choudhury",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only stylish but also highly functional. Their attention to detail and craftsmanship are commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Meera Bannerjee",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process hassle-free."
|
||||
},
|
||||
{
|
||||
"customer_name": "Sanjay Bose",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is truly worth it! They exceeded my expectations with their attention to detail and professionalism. I'm thrilled with the outcome of my project."
|
||||
},
|
||||
{
|
||||
"customer_name": "Rina Chatterjee",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service is outstanding! They transformed my space into something beyond my imagination. Their creativity and attention to detail are commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Subrata Dasgupta",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new space. The detailed floor plan helped me make informed decisions during the design phase."
|
||||
},
|
||||
{
|
||||
"customer_name": "Neha Basu",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service exceeded my expectations! They perfectly captured our brand identity and created a space that reflects our vision. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Abhishek Sen",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only beautiful but also highly functional. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Sunita Roy",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process hassle-free."
|
||||
},
|
||||
{
|
||||
"customer_name": "Debashish Gupta",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is truly exceptional! They paid attention to every detail and delivered beyond my expectations. I'm thrilled with the outcome of my project."
|
||||
},
|
||||
{
|
||||
"customer_name": "Priyanka Bhattacharya",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service is exceptional! They understood my vision perfectly and transformed my space into something truly beautiful. I couldn't be happier!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Arindam Banerjee",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new space. The attention to detail in the floor plan helped me make informed decisions."
|
||||
},
|
||||
{
|
||||
"customer_name": "Ananya Chakraborty",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service is outstanding! They perfectly captured our brand identity and created a space that exceeds our expectations. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Rohit Mukherjee",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only visually appealing but also highly functional. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Riya Das",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process seamless."
|
||||
},
|
||||
{
|
||||
"customer_name": "Sumit Sengupta",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is worth every penny! They delivered exceptional service and attention to detail throughout the project. I'm thrilled with the result."
|
||||
},
|
||||
{
|
||||
"customer_name": "Sneha Kar",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service is outstanding! They brought my vision to life in such a beautiful way. The entire process was smooth and enjoyable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Rajesh Datta",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new home. The detailed floor plan helped me make informed decisions during the design phase."
|
||||
},
|
||||
{
|
||||
"customer_name": "Tanuja Chakrabarti",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service exceeded my expectations! They perfectly captured our brand identity and created a space that reflects our vision. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Amitava Mukherjee",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only beautiful but also highly functional. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Shreya Goswami",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process hassle-free."
|
||||
},
|
||||
{
|
||||
"customer_name": "Suman Choudhury",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is truly exceptional! They paid attention to every detail and delivered beyond my expectations. I'm thrilled with the outcome of my project."
|
||||
},
|
||||
{
|
||||
"customer_name": "Ritika Bannerjee",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service is exceptional! They understood my vision perfectly and transformed my space into something truly beautiful. I couldn't be happier!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Arijit Bose",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new space. The attention to detail in the floor plan helped me make informed decisions."
|
||||
},
|
||||
{
|
||||
"customer_name": "Suchitra Chatterjee",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service is outstanding! They perfectly captured our brand identity and created a space that exceeds our expectations. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Vivek Dasgupta",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only visually appealing but also highly functional. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Dipika Basu",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process seamless."
|
||||
},
|
||||
{
|
||||
"customer_name": "Debashis Sen",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is worth every penny! They delivered exceptional service and attention to detail throughout the project. I'm thrilled with the result."
|
||||
},
|
||||
{
|
||||
"customer_name": "Renuka Roy",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service is outstanding! They brought my vision to life in such a beautiful way. The entire process was smooth and enjoyable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Suraj Gupta",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new home. The detailed floor plan helped me make informed decisions during the design phase."
|
||||
},
|
||||
{
|
||||
"customer_name": "Rina Bhattacharya",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service exceeded my expectations! They perfectly captured our brand identity and created a space that reflects our vision. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Subhashish Banerjee",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only visually appealing but also highly functional. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Priti Chakraborty",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process hassle-free."
|
||||
},
|
||||
{
|
||||
"customer_name": "Abhinav Mukherjee",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is truly exceptional! They paid attention to every detail and delivered beyond my expectations. I'm thrilled with the outcome of my project."
|
||||
},
|
||||
{
|
||||
"customer_name": "Priya Goswami",
|
||||
"service": "Residential Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their residential interior design service is exceptional! They understood my vision perfectly and transformed my space into something truly beautiful. I couldn't be happier!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Rohan Choudhury",
|
||||
"service": [
|
||||
"2D Planning",
|
||||
"3D Floor Plan"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "Their 2D and 3D planning services were instrumental in visualizing the layout of my new space. The attention to detail in the floor plan helped me make informed decisions."
|
||||
},
|
||||
{
|
||||
"customer_name": "Ananya Bannerjee",
|
||||
"service": "Commercial Interior Design",
|
||||
"rating": 5,
|
||||
"review_text": "Their commercial interior design service is outstanding! They perfectly captured our brand identity and created a space that exceeds our expectations. Highly recommend!"
|
||||
},
|
||||
{
|
||||
"customer_name": "Rahul Bose",
|
||||
"service": "Modular Kitchen",
|
||||
"rating": 4,
|
||||
"review_text": "I'm extremely satisfied with the modular kitchen they designed for me. It's not only visually appealing but also highly functional. Their attention to detail is commendable."
|
||||
},
|
||||
{
|
||||
"customer_name": "Priyanka Chatterjee",
|
||||
"service": [
|
||||
"Structure Design",
|
||||
"Home Design Package"
|
||||
],
|
||||
"rating": 4,
|
||||
"review_text": "The structure design provided a solid foundation for my project, and the MEP design was efficient. The home design package offered a comprehensive solution, making the entire process seamless."
|
||||
},
|
||||
{
|
||||
"customer_name": "Subhankar Das",
|
||||
"service": "Platinum",
|
||||
"rating": 5,
|
||||
"review_text": "Their platinum package is worth every penny! They delivered exceptional service and attention to detail throughout the project. I'm thrilled with the result."
|
||||
}
|
||||
]
|
||||
|
||||
---
|
||||
|
||||
<Layout title=''>
|
||||
<Layout title='3D House | Reviews'>
|
||||
<div class="pt-20">
|
||||
<section class="container mx-auto px-4 max-w-xl">
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum, sunt voluptate. Odio assumenda itaque eaque sed dolore perferendis commodi ad nemo nostrum saepe, illum est deserunt iste fugit aliquid recusandae.</p>
|
||||
<section class="container mx-auto px-4 max-w-4xl bg-[#000]/60 rounded-lg">
|
||||
<p class="text-[30px] font-bold text-center py-4">Reviews</p>
|
||||
<p class=" text-center border-b-2">Total {custReview.length} Reviews</p>
|
||||
{custReview.map((data) => (
|
||||
<div class="border-b-2">
|
||||
<div class="flex flex-row justify-center" >
|
||||
{[...Array(data.rating)].map((_, index) => (
|
||||
<p class="text-[#f09d1e]">★</p>
|
||||
))}
|
||||
<p class=""> • {data.service}</p>
|
||||
</div>
|
||||
<p class="text-justify py-2">{data.review_text}</p>
|
||||
<p class="text-center ">✓ {data.customer_name}</p>
|
||||
</div>
|
||||
))}
|
||||
</section>
|
||||
</div>
|
||||
</Layout>
|
||||
</Layout>
|
||||
|
|
|
|||
|
|
@ -3,17 +3,17 @@ import Layout from '../layouts/Layout.astro';
|
|||
import MainHeader from '../components/MainHeader.astro';
|
||||
const cssTailClass = 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ';
|
||||
---
|
||||
<Layout title=''>
|
||||
<Layout title='3D House | Services'>
|
||||
<MainHeader />
|
||||
<p class="p-4 pt-20 text-center text-[25px] font-bold capitalize">Services</p>
|
||||
<p class="p-4 pt-28 text-center text-[25px] font-bold capitalize mb-2"><span class=" bg-[#000]/60 px-6 py-3 rounded-lg ">Services</span></p>
|
||||
<div>
|
||||
<div class="flex flex-row lg:justify-center overflow-x-auto whitespace-nowrap">
|
||||
<button class="tablink bg-white inline-block py-2 px-4 text-blue-500 font-semibold" id="allButton" onclick="openTab(event, 'all')">All</button>
|
||||
<button class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold" onclick="openTab(event, 'architecture')">Architecture</button>
|
||||
<button class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold" onclick="openTab(event, 'interior')">Interior Design</button>
|
||||
<button class="tablink bg-white inline-block py-2 px-4 text-blue-500 hover:text-blue-800 font-semibold" onclick="openTab(event, 'construction')">Construction</button>
|
||||
<div class="flex flex-row lg:justify-center overflow-x-auto whitespace-nowrap space-x-4">
|
||||
<button class="tablink bg-[#000]/60 inline-block py-2 px-4 text-[#fff] font-semibold" id="allButton" onclick="openTab(event, 'all')">All</button>
|
||||
<button class="tablink bg-[#000]/60 inline-block py-2 px-4 text-[#fff] rounded-xl font-semibold" onclick="openTab(event, 'architecture')">Architecture</button>
|
||||
<button class="tablink bg-[#000]/60 inline-block py-2 px-4 text-[#fff] rounded-xl font-semibold" onclick="openTab(event, 'interior')">Interior Design</button>
|
||||
<button class="tablink bg-[#000]/60 inline-block py-2 px-4 text-[#fff] rounded-xl font-semibold" onclick="openTab(event, 'construction')">Construction</button>
|
||||
</div>
|
||||
<p class="text-center text-[25px] font-bold capitalize py-6" id="servicesName">All</p>
|
||||
<p class="text-center text-[25px] font-bold capitalize py-6" ><span class=" bg-[#000]/60 px-6 py-3 rounded-lg" id="servicesName">All</span></p>
|
||||
<div id="all" class="tabcontent container mx-auto px-4 max-w-5xl">
|
||||
<div id="allContent" class={cssTailClass}></div>
|
||||
</div>
|
||||
|
|
@ -30,82 +30,109 @@ const cssTailClass = 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ';
|
|||
</Layout>
|
||||
|
||||
<script is:inline>
|
||||
|
||||
// Define data
|
||||
var data = [
|
||||
{
|
||||
"name": "2D Planning",
|
||||
"desc": "2D floor plans give an overview of a property including the room layout, as well as exterior features, such as pools and outdoor entertainment areas.",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "3D Floor Plan",
|
||||
"desc": "3D Floor Plans provide a stunning overview of the floor plan layout in 3D. Complete with textures and details, it’s the ideal way to present a true feel for the property or home design project",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "3D Elevation",
|
||||
"desc": "A 3D elevation is a visual representation or model that shows the vertical dimension or height of a building or terrain. It provides a realistic view of the object from different angles, allowing for a better understanding of its appearance and features",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "Residential Interior Design",
|
||||
"desc": "Residential interior design is the art of creating aesthetic and functional living spaces. Creating the perfect apartment interior design is a unique task. Fitting contemporary designs within the existing bones of historical buildings",
|
||||
"type": "interior",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "Commercial Interior Design",
|
||||
"desc": "Commercial interior design includes a broad spectrum of interior commercial spaces and environments, including offices, retail stores, restaurants, and other spaces where business is conducted.",
|
||||
"type": "interior",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "Modular Kitchen",
|
||||
"desc": "A modular kitchen is a modern and innovative way to design your kitchen space. It is a prefabricated design where the kitchen is divided into different modules or units that can be customized and arranged according to your needs and preferences.",
|
||||
"type": "interior",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "Platinum",
|
||||
"desc": "We provide a hassle-free home construction experience. At 3D House, we work with expert construction professionals who are with you every step of the way, managing timelines, contractors, and budgets, exactly as per plan.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
},
|
||||
{
|
||||
"name": "Gold",
|
||||
"desc": "We provide a hassle-free home construction experience. At 3D House, we work with expert construction professionals who are with you every step of the way, managing timelines, contractors, and budgets, exactly as per plan.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img" : "/assets/2d.webp"
|
||||
}
|
||||
{
|
||||
"name": "Architectural Drawing",
|
||||
"desc": "Capture the essence of your property with our precise 2D floor plans. From room layouts to exterior features like pools and outdoor entertainment areas, our drawings provide a comprehensive overview.",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img": "/assets/art2.jpg"
|
||||
},
|
||||
{
|
||||
"name": "Architectural Elevation",
|
||||
"desc": "Step into your designs with our immersive 3D Floor Plans. Textures and details bring your property to life, presenting a true feel for your home or project.",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img": "/assets/elv3d.jpg"
|
||||
},
|
||||
{
|
||||
"name": "2D Floor Plan",
|
||||
"desc": "Visualize your space in detail with our 3D elevation models. Offering realistic views from various angles, our elevations enhance understanding of your property's appearance and features.",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img": "/assets/floor2d.jpg"
|
||||
},
|
||||
{
|
||||
"name": "3D Elevation",
|
||||
"desc": "Experience your project from every perspective with our 3D representations. Gain insights into your property's appearance and features with realistic views from different angles.",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img": "/assets/elv3d2.jpg"
|
||||
},
|
||||
{
|
||||
"name": "3D Representation",
|
||||
"desc": "See your vision come to life with our detailed 3D representations. Providing a comprehensive view from various angles, our representations enhance understanding of your project's features and aesthetics.",
|
||||
"type": "architecture",
|
||||
"price": "1000",
|
||||
"img": "/assets/rep3d.jpg"
|
||||
},
|
||||
{
|
||||
"name": "Structural Analysis",
|
||||
"desc": "Ensure the strength and integrity of your structure with our precise structural analysis services.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img": "/assets/strana.jpg"
|
||||
},
|
||||
{
|
||||
"name": "Structural Drawing",
|
||||
"desc": "Bring your construction plans to life with our detailed structural drawings. Our plans provide comprehensive guidance for building your structure.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img": "/assets/3d_artitec/3dap_2.jpeg"
|
||||
},
|
||||
{
|
||||
"name": "Construction",
|
||||
"desc": "Embark on a hassle-free construction journey with 3D House. Our expert professionals manage timelines, contractors, and budgets to bring your vision to reality.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img": "/assets/cons2.jpg"
|
||||
},
|
||||
{
|
||||
"name": "Site Supervision",
|
||||
"desc": "Ensure quality and adherence to plans with our meticulous site supervision services. Our experts oversee every aspect of the construction process.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img": "/assets/sites.jpg"
|
||||
},
|
||||
{
|
||||
"name": "Field Consultation",
|
||||
"desc": "Receive on-site advice and guidance from our experts during the construction process. Our consultations ensure smooth progress and optimal results.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img": "/assets/fcon.jpg"
|
||||
},
|
||||
{
|
||||
"name": "Interior Design",
|
||||
"desc": "Transform your space into a masterpiece with our innovative interior design solutions. From functionality to aesthetics, we create spaces that inspire.",
|
||||
"type": "interior",
|
||||
"price": "1000",
|
||||
"img": "/assets/3d_res_inter/3drid_5.jpeg"
|
||||
},
|
||||
{
|
||||
"name": "Structure Design",
|
||||
"desc": "Design the framework and support systems for your buildings and structures with precision and expertise. Our structure design services ensure safety, functionality, and aesthetics.",
|
||||
"type": "construction",
|
||||
"price": "1000",
|
||||
"img": "/assets/3d_house/3df_4.jpeg"
|
||||
}
|
||||
];
|
||||
|
||||
|
||||
function displayData(type) {
|
||||
var content = "";
|
||||
data.forEach(function(item, index) {
|
||||
if (item.type === type || type === 'all') {
|
||||
content += `<div class="shadow-xl rounded-lg p-4 h-fit border">
|
||||
<img src="${item.img}" />
|
||||
<h3 class="text-lg font-semibold">${item.name}</h3>
|
||||
<p class="text-gray-600 text-justify line-clamp flex flex-col">
|
||||
content += `<div class="shadow-xl rounded-lg h-fit border bg-[#000]/60 text-[#fff]">
|
||||
<img class="h-[200px] w-full rounded-t-md" src="${item.img}" />
|
||||
<h3 class="text-lg font-semibold px-4">${item.name}</h3>
|
||||
<p class=" text-justify line-clamp flex flex-col px-4">
|
||||
<span id="item-desc${index}" style="display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;">${item.desc}</span>
|
||||
<div class="float-right">
|
||||
<button class="text-gray-600" onclick="toggleText(${index});" id="redMoreLess" class="">Read More</button>
|
||||
<button class="pr-4" onclick="toggleText(${index});" id="redMoreLess" class="">Read More</button>
|
||||
</div>
|
||||
</p>
|
||||
<p class="text-gray-700 font-semibold">Price: ₹${item.price}</p>
|
||||
<div class="float-left">
|
||||
<p class=" font-semibold px-4">Price: ₹${item.price}</p>
|
||||
<div class="float-left px-4 pb-4">
|
||||
<a href="https://wa.me/918609370170?text=Hi 3d House, I would like to enquire for your service: ${item.name}" target="_blank" class="flex flex-row bg-[#128c7e] text-[#fff] py-3 px-6 rounded-md" id="enquire-now-3d-elevation">
|
||||
<img src="/assets/whatsapp.svg" alt="whatsapp" class="white-icon"> Enquire Now
|
||||
</a>
|
||||
|
|
@ -125,15 +152,12 @@ const cssTailClass = 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ';
|
|||
}
|
||||
tablinks = document.getElementsByClassName("tablink");
|
||||
for (i = 0; i < tablinks.length; i++) {
|
||||
tablinks[i].classList.remove("text-blue-700");
|
||||
tablinks[i].classList.remove("border-2");
|
||||
tablinks[i].classList.remove("border-blue-700");
|
||||
|
||||
}
|
||||
document.getElementById(tabName).style.display = "block";
|
||||
evt.currentTarget.classList.add("text-blue-700");
|
||||
evt.currentTarget.classList.add("border-2");
|
||||
evt.currentTarget.classList.add("border-blue-700");
|
||||
evt.currentTarget.classList.add("border-[#000]");
|
||||
evt.currentTarget.classList.add("rounded-2xl");
|
||||
|
||||
|
||||
|
|
@ -166,9 +190,8 @@ const cssTailClass = 'grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ';
|
|||
window.onload = function() {
|
||||
document.getElementById("allContent").innerHTML = displayData('all');
|
||||
let allButton = document.getElementById('allButton');
|
||||
allButton.classList.add("text-blue-700");
|
||||
allButton.classList.add("border-2");
|
||||
allButton.classList.add("border-blue-700");
|
||||
allButton.classList.add("border-[#000]");
|
||||
allButton.classList.add("rounded-2xl");
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ const img3DFloor = [{ image_src: '/assets/3d_house/3df_1.webp' },{ image_src: '/
|
|||
<ul id="lightgallery">
|
||||
{img3DFloor.map((data: {image_src: string | undefined;})=>
|
||||
<li data-responsive={`https://sachinchoolur.github.io/lightgallery.js/static/img/1-375.jpg 375, https://sachinchoolur.github.io/lightgallery.js/static/img/1-480.jpg 480, https://sachinchoolur.github.io/lightgallery.js/static/img/1.jpg 800`} data-src={data.image_src}
|
||||
data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>">
|
||||
data-sub-html=" ">
|
||||
<a href="">
|
||||
<img class="img-responsive" src={data.image_src}>
|
||||
<div class="demo-gallery-poster">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
---
|
||||
<Layout title='3D House | Terms Conditions'>
|
||||
<main>
|
||||
<div class="pt-20">
|
||||
<section class="container mx-auto px-4 max-w-2xl bg-[#000]/60 rounded-xl py-6">
|
||||
<h1 class="text-center text-[30px] font-bold py-4">Terms and Conditions</h1>
|
||||
<div class="space-y-2">
|
||||
<h3 class="font-bold">• Use of Website</h3>
|
||||
<p class="text-justify">The content and materials provided on this website are for general information purposes only. They are subject to change without notice.</p>
|
||||
<p class="text-justify">Unauthorized use of this website may give rise to a claim for damages and/or be a criminal offense.</p>
|
||||
<h3 class="font-bold">• Service Agreement</h3>
|
||||
<p class="text-justify">All services provided by 3DHouse are subject to a formal agreement outlining the scope of work, timelines, fees, and other relevant terms.</p>
|
||||
<p class="text-justify">Clients must provide accurate project details and adhere to the terms of the service agreement throughout the duration of the project.</p>
|
||||
<h3 class="font-bold">• Intellectual Property</h3>
|
||||
<p class="text-justify">The content, design, and logo featured on this website are the property of 3DHouse and may not be reproduced without permission.</p>
|
||||
<p class="text-justify">Clients retain ownership of their project designs and drawings upon completion and payment, unless otherwise specified in the service agreement.</p>
|
||||
<h3 class="font-bold">• Privacy Policy</h3>
|
||||
<p class="text-justify">We respect your privacy and are committed to protecting your personal information. Please refer to our Privacy Policy for details on how we collect, use, and protect your data.</p>
|
||||
<h3 class="font-bold">• Liability</h3>
|
||||
<p class="text-justify">While we strive to provide accurate and up-to-date information, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability, or availability of the information, products, services, or related graphics contained on this website.</p>
|
||||
<p class="text-justify">In no event will we be liable for any loss or damage, including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
|
|
@ -3289,6 +3289,11 @@ html-void-elements@^2.0.0:
|
|||
resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-2.0.1.tgz#29459b8b05c200b6c5ee98743c41b979d577549f"
|
||||
integrity sha512-0quDb7s97CfemeJAnW9wC0hw78MtW7NU3hqtCD75g2vFlDLt36llsYD7uB7SUzojLMP24N5IatXf7ylGXiGG9A==
|
||||
|
||||
htmx.org@^1.9.12:
|
||||
version "1.9.12"
|
||||
resolved "https://registry.yarnpkg.com/htmx.org/-/htmx.org-1.9.12.tgz#1c5bc7fb4d3eb4e8c0d72323dc774a6b9b66addc"
|
||||
integrity sha512-VZAohXyF7xPGS52IM8d1T1283y+X4D+Owf3qY1NZ9RuBypyu9l8cGsxUMAG5fEAb/DhT7rDoJ9Hpu5/HxFD3cw==
|
||||
|
||||
human-signals@^2.1.0:
|
||||
version "2.1.0"
|
||||
resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
|
||||
|
|
|
|||
Loading…
Reference in New Issue