diff --git a/public/css/style.css b/public/css/style.css index b5d9de5..9b91adc 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -3751,8 +3751,7 @@ html .page .divider-secondary::after { .button-primary:hover, .button-primary:active { color: #151515; - background-color: #fdde52; - border-color: #fdde52; + opacity: 0.8; } .button-primary.button-ujarak::before { @@ -3789,8 +3788,7 @@ html .page .divider-secondary::after { .button-primary:hover, .button-primary:active { color: #151515; - background-color: #fdde52; - border-color: #fdde52; + opacity: 0.8; } .button-primary.button-ujarak::before { @@ -4159,7 +4157,8 @@ input:-webkit-autofill ~ .form-validation { -webkit-appearance: none; transition: .3s ease-in-out; letter-spacing: 0; - /* border: 1px solid #f3f4f9; */ + border: 1px solid #f3f4f9; + border-color: #f3f4f9!; } .form-input:focus { diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx new file mode 100644 index 0000000..81a72ae --- /dev/null +++ b/src/app/blog/[slug]/page.tsx @@ -0,0 +1,190 @@ +import HeroImage from "@/components/HeroImage"; +import { getDefaultMetadata } from "@/utils/metadata"; +import { Metadata } from "next"; + +const metaDesc = + "Explore the latest insights, news, and resources on the Dynamic Realty blog. Read our articles today."; + +export async function generateMetadata(): Promise { + const metadata = await getDefaultMetadata(); + metadata.title = `Blog - ${metadata.openGraph?.siteName}`; + metadata.description = metaDesc; + + return metadata; +} + +export default function BlogDetail() { + return ( + <> + + +
+
+
+
+
+
+

+ Showcasing a warm, traditional-style exterior and the highest caliber of contemporary European + finishes throughout, towering glass doors open to grand-scale living spaces. +

+
+ +
+
+ +
+
+
    +
  • + Share this post +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+
+
+
+
+
Recent Posts
+
+
+ +
+
+
+ + {/* Sidebar */} + +
+
+
+ + ); +} diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx index 8aa32e4..74e2d91 100644 --- a/src/app/blog/page.tsx +++ b/src/app/blog/page.tsx @@ -1,6 +1,19 @@ import CardBlog from "@/components/CardBlog"; import HeroImage from "@/components/HeroImage"; import { CardBlogData } from "@/schema/blog"; +import { getDefaultMetadata } from "@/utils/metadata"; +import { Metadata } from "next"; + +const metaDesc = + "Explore the latest insights, news, and resources on the Dynamic Realty blog. Read our articles today."; + +export async function generateMetadata(): Promise { + const metadata = await getDefaultMetadata(); + metadata.title = `Blog - ${metadata.openGraph?.siteName}`; + metadata.description = metaDesc; + + return metadata; +} export default function Blog() { const data: CardBlogData[] = [ @@ -57,13 +70,33 @@ export default function Blog() { return ( <> -
+
-
+
+
+
+ +
+ +
+
+
{data.map((blog) => ( ))}
+
+ +
diff --git a/src/app/globals.css b/src/app/globals.css index 2706534..b45db09 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -12,23 +12,26 @@ --font-mono: var(--font-geist-mono); --font-montserrat: var(--font-montserrat); --font-playfairdisplay: var(--font-playfairdisplay); - --color-colorExt1: #0a0a0a; - --color-colorExt2: #ffffff; - --color-colorExt3: #967244; - --color-colorext4: #bc986b; - --color-colorExt5: #1d1d1d; - --color-colorHeader: var(--color-colorExt1); - --color-colorHeaderText: var(--color-colorExt2); - --color-colorHeaderTextHover: var(--color-colorext4); - --color-colorHeroOverlay: var(--color-colorExt5); - --color-colorFooter: var(--color-colorExt1); - --color-colorFooter2: var(--color-colorExt5); - --color-colorFooterText: var(--color-colorExt2); - --color-colorFooterTextHover: var(--color-colorExt3); - --color-colorFormInput: var(--color-colorExt2); - --color-colorContactForm: var(--color-colorExt5); - --color-colorText1: var(--color-colorExt1); - --color-colorText2: var(--color-colorExt2); + --color-colorExt10: #0a0a0a; + --color-colorExt20: #ffffff; + --color-colorExt21: #f3f4f9; + --color-colorExt30: #967244; + --color-colorext40: #bc986b; + --color-colorExt50: #1d1d1d; + --color-colorSection1: var(--color-colorExt20); + --color-colorSection2: var(--color-colorExt21); + --color-colorHeader: var(--color-colorExt10); + --color-colorHeaderText: var(--color-colorExt20); + --color-colorHeaderTextHover: var(--color-colorext40); + --color-colorHeroOverlay: var(--color-colorExt50); + --color-colorFooter: var(--color-colorExt10); + --color-colorFooter2: var(--color-colorExt50); + --color-colorFooterText: var(--color-colorExt20); + --color-colorFooterTextHover: var(--color-colorExt30); + --color-colorFormInput: var(--color-colorExt20); + --color-colorContactForm: var(--color-colorExt50); + --color-colorText1: var(--color-colorExt10); + --color-colorText2: var(--color-colorExt20); } @layer components { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 876ad84..54fa671 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -43,15 +43,15 @@ export default function RootLayout({ - + - - - + + + You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today. -
+
@@ -122,7 +122,7 @@ export default function Home() { -
+

@@ -200,7 +200,7 @@ export default function Home() {

-
+

Find Us diff --git a/src/components/GoogleReviewBox.tsx b/src/components/GoogleReviewBox.tsx index 75fff99..dd5bcf3 100644 --- a/src/components/GoogleReviewBox.tsx +++ b/src/components/GoogleReviewBox.tsx @@ -1,6 +1,6 @@ export default function GoogleReviewBox() { return ( -
+

Making Moves, Building Trust diff --git a/src/components/layouts/Footer.tsx b/src/components/layouts/Footer.tsx index 6a8250c..a759460 100644 --- a/src/components/layouts/Footer.tsx +++ b/src/components/layouts/Footer.tsx @@ -10,7 +10,7 @@ export default function Footer() {

- +
@@ -25,7 +25,7 @@ export default function Footer() {
- +
diff --git a/src/components/layouts/Header.tsx b/src/components/layouts/Header.tsx index 7234460..98e75e4 100644 --- a/src/components/layouts/Header.tsx +++ b/src/components/layouts/Header.tsx @@ -75,20 +75,20 @@ export default function Header() { {/*

diff --git a/src/components/layouts/InitialScript.tsx b/src/components/layouts/InitialScript.tsx index 06dbc23..24dc411 100644 --- a/src/components/layouts/InitialScript.tsx +++ b/src/components/layouts/InitialScript.tsx @@ -5,8 +5,8 @@ import Script from "next/script"; export default function InitialScript() { return ( <> -