diff --git a/public/css/style.css b/public/css/style.css index 64d749c..3de6a60 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -4153,13 +4153,13 @@ input:-webkit-autofill ~ .form-validation { font-weight: 400; line-height: 24px; color: #151515; - background-color: #f3f4f9; + background-color: var(--color-colorFormInput); background-image: none; border-radius: 0; -webkit-appearance: none; transition: .3s ease-in-out; letter-spacing: 0; - border: 1px solid #f3f4f9; + /* border: 1px solid #f3f4f9; */ } .form-input:focus { @@ -14208,7 +14208,7 @@ disabled look for disabled choices in the results dropdown } .context-dark .select-filter .select2-choice, .bg-accent .select-filter .select2-choice { - background: #ffffff; + background: var(--color-colorFormInput); border-color: #ffffff; } diff --git a/public/images/bg-header.webp b/public/images/bg-header.webp new file mode 100644 index 0000000..a13fded Binary files /dev/null and b/public/images/bg-header.webp differ diff --git a/public/images/bg-shape-1.png b/public/images/bg-shape-1.png index 8b34c3b..74020d6 100644 Binary files a/public/images/bg-shape-1.png and b/public/images/bg-shape-1.png differ diff --git a/src/app/globals.css b/src/app/globals.css index 601cf8c..fea2b37 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -14,8 +14,11 @@ --color-colorExt1: #0a0a0a; --color-colorExt2: #ffffff; --color-colorExt3: #d2ebf1; + --color-colorExt4: #31323c; --color-colorHeader: var(--color-colorExt1); --color-colorHeaderText: var(--color-colorExt2); + --color-colorFormInput: var(--color-colorExt2); + --color-colorContactForm: var(--color-colorExt4); } @media (prefers-color-scheme: dark) { diff --git a/src/app/page.tsx b/src/app/page.tsx index cc290bb..b843213 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,289 +1,10 @@ +import ContactFormBox from "@/components/ContactFormBox"; + export default function Home() { return ( <> -
-
-
-
- -
-
-
-

Find Your Property

-
-
-
-
- - -
-
-
-
- - -
-
-
-
- - -
-
-
-
- -
-
-
-
- -
-
-
-
-

Price Range ($)

- -
-
-
-

Area (Sq Ft)

- -
-
-
-
-
-
-
-

Look for certain features

-
-
-
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
-
-
-
- -
-
-
-
-
-
-
-
- -
-
-

923 Folsom St, San Francisco

-

3 bedrooms, $240\day

-
-
- - -
-
-

3895 NW 107th Ave, Doral

-

2 bedrooms, $130\day

-
-
- - -
-
-

182 3rd St, Seattle

-

2 bedrooms, $290\day

-
-
- - -
-
-

623 Willow Rd, Dallas

-

1 bedroom, $210\day

-
-
- -
-
-
-

Recent Properties

-
- - -
-
-
-
-
-
+
+
@@ -1226,109 +947,6 @@ export default function Home() {
- -
-
-
-
-

- Latest Properties -

- -
- -
-
-
- Retail Store Southwest 186th Street -
-
- From $120/month -
-
- - -
- -
-
-
- Apartment Building with Subunits -
-
- From $120/month -
-
- -
-
-

- Contact Us -

- - - -
-
-

- Newsletter Signup -

-

Enter your e-mail to get the latest news of MyHome

-
-
- - -
-
- -
-
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
-
-
-
-
); } diff --git a/src/components/ContactFormBox.tsx b/src/components/ContactFormBox.tsx new file mode 100644 index 0000000..dcb2b20 --- /dev/null +++ b/src/components/ContactFormBox.tsx @@ -0,0 +1,67 @@ +export default function ContactFormBox() { + return ( +
+
+ +
+
+
+

Find Your Property

+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ + +
+
+
+
+ +
+
+ +
+
+
+
+
+ ); +} diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx index 8b57af7..9dc9f63 100644 --- a/src/components/layouts/Footer.tsx +++ b/src/components/layouts/Footer.tsx @@ -1,25 +1,129 @@ export default function Footer() { return ( - +
+ + ); }