From ce78370fbb248a1b5b244e573387d039ef6bbd07 Mon Sep 17 00:00:00 2001 From: RizqiSyahrendra Date: Sat, 19 Apr 2025 09:28:15 +0700 Subject: [PATCH] fix: optimize image render in homepage --- src/app/page.tsx | 297 +++------------------------------ src/components/CardProduct.tsx | 51 ++++++ 2 files changed, 75 insertions(+), 273 deletions(-) create mode 100644 src/components/CardProduct.tsx diff --git a/src/app/page.tsx b/src/app/page.tsx index c1b6b09..7d555ec 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,8 +1,10 @@ "use client"; +import CardProduct from "@/components/CardProduct"; import ContactFormSection from "@/components/ContactFormSection"; import GoogleReviewBox from "@/components/GoogleReviewBox"; import HeroSlider from "@/components/HeroSlider"; +import Image from "next/image"; import Link from "next/link"; import { useRef } from "react"; @@ -80,7 +82,17 @@ export default function Home() { -
+
+ Experience the Difference in Every Key Turn
@@ -127,278 +139,17 @@ export default function Home() {
-
-
-
-
-
- - - - -
-
- $5000\mo -
-
-

- 401 Biscayne Boulevard, Miami -

-
-
    -
  • - - 480 Sq Ft -
    • -
  • - - 2 Bathrooms -
    • -
  • - - 2 Bedrooms -
    • -
  • - - 1 Garage -
    • -
-
+
+
+ + + + + +
-
-
-
-
- - - - -
-
- $2500\mo -
-
-

- 923 Folsom St, San Francisco -

-
-
    -
  • - - 535 Sq Ft -
    • -
  • - - 2 Bathrooms -
    • -
  • - - 3 Bedrooms -
    • -
  • - - 1 Garage -
    • -
-
-
-
-
-
-
- - - - -
-
- 9340\mo -
-
-

- 225 Maywood Dr, San Francisco -

-
-
    -
  • - - 435 Sq Ft -
    • -
  • - - 1 Bathroom -
    • -
  • - - 1 Bedroom -
    • -
  • - - 1 Garage -
    • -
-
-
-
-
-
-
- - - - -
-
- $5550\mo -
-
-

- 35 Pond St, New York -

-
-
    -
  • - - 430 Sq Ft -
    • -
  • - - 2 Bathrooms -
    • -
  • - - 3 Bedrooms -
    • -
  • - - 1 Garage -
    • -
-
-
-
-
-
-
- - - - -
-
- $2520\mo -
-
-

- 182 3rd St, Seattle -

-
-
    -
  • - - 630 Sq Ft -
    • -
  • - - 3 Bathrooms -
    • -
  • - - 3 Bedrooms -
    • -
  • - - 2 Garages -
    • -
-
-
-
-
-
-
- - - - -
-
- $5000\mo -
-
-

- 623 Willow Rd, Dallas -

-
-
    -
  • - - 530 Sq Ft -
    • -
  • - - 2 Bathrooms -
    • -
  • - - 2 Bedrooms -
    • -
  • - - 2 Garages -
    • -
-
-
-
+ +
View all properties @@ -407,7 +158,7 @@ export default function Home() {
-
+
diff --git a/src/components/CardProduct.tsx b/src/components/CardProduct.tsx new file mode 100644 index 0000000..b897590 --- /dev/null +++ b/src/components/CardProduct.tsx @@ -0,0 +1,51 @@ +import Image from "next/image"; + +export default function CardProduct() { + return ( +
+
+
+
+ + + + +
+
+ $5000\mo +
+
+

+ 401 Biscayne Boulevard, Miami +

+
+
    +
  • + + 480 Sq Ft +
    • +
  • + + 2 Bathrooms +
    • +
  • + + 2 Bedrooms +
    • +
  • + + 1 Garage +
    • +
+
+
+ ); +}