dynamic-realty/dynamic-realty-next
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: home layout and images #13

Merged
RizqiSyahrendra merged 1 commits from dev into main 2025-04-28 21:35:39 +00:00
Conversation 0 Commits 1 Files Changed 5 +35 -7
5 changed files with 35 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/why1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
public/images/why2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 325 KiB

BIN
public/images/why3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 890 KiB

40
src/app/(main)/page.tsx
View File

@ -1,5 +1,7 @@
import ContactFormSection from "@/components/ContactFormSection";
import GoogleReviewBox from "@/components/GoogleReviewBox";
import HomeTopSection from "@/components/homes/HomeTopSection";
import Image from "next/image";
export default function Home() {
return (
@ -15,8 +17,16 @@ export default function Home() {
<div className="col-md-12 col-lg-4">
<div>
<article className="box-modern">
<div className="flex justify-center">
<span className="icon box-modern-icon fa-home"></span>
<div className="flex">
<div className="w-full h-44 bg-colorHeroOverlay relative">
<Image
className="object-cover"
src="/images/why1.jpg"
alt="Tailored Management, Trusted Care"
quality={100}
fill
/>
</div>
</div>
<div className="box-modern-main">
<h4 className="box-modern-title">Tailored Management, Trusted Care</h4>
@ -31,8 +41,16 @@ export default function Home() {
<div className="col-md-12 col-lg-4">
<div>
<article className="box-modern">
<div className="flex justify-center">
<span className="icon box-modern-icon fa-calendar"></span>
<div className="flex">
<div className="w-full h-44 bg-colorHeroOverlay relative">
<Image
className="object-cover"
src="/images/why2.jpg"
alt="20 Years of Real Estate Excellence"
quality={100}
fill
/>
</div>
</div>
<div className="box-modern-main">
<h4 className="box-modern-title">20 Years of Real Estate Excellence</h4>
@ -47,8 +65,16 @@ export default function Home() {
<div className="col-md-12 col-lg-4">
<div>
<article className="box-modern">
<div className="flex justify-center">
<span className="icon box-modern-icon fa-map"></span>
<div className="flex">
<div className="w-full h-44 bg-colorHeroOverlay relative">
<Image
className="object-cover"
src="/images/why3.jpg"
alt="Expert Guidance, Stress-Free Journeys"
quality={100}
fill
/>
</div>
</div>
<div className="box-modern-main">
<h4 className="box-modern-title">Expert Guidance, Stress-Free Journeys</h4>
@ -66,6 +92,8 @@ export default function Home() {
</section>
<GoogleReviewBox />
<ContactFormSection />
</>
);
}

2
src/components/HeroSlider.tsx
View File

@ -49,7 +49,7 @@ export default function HeroSlider() {
objectFit: "cover",
}}
/>
<section className="section section-lg text-colorText2! bg-colorHeroOverlay/85 w-full h-full z-20">
<section className="section section-lg text-colorText2! bg-colorHeroOverlay/70 w-full h-full z-20">
<div className="container">
<div className="row">
<div className="col-12 col-lg-4 flex justify-center">