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

fix: header styling

Browse Source
This commit is contained in:
RizqiSyahrendra 2025-04-17 01:10:43 +07:00
parent 6cd841c40f
commit 6def47111a
3 changed files with 33 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/globals.css
View File

@ -10,7 +10,7 @@
--color-foreground: var(--foreground); --color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans); --font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono); --font-mono: var(--font-geist-mono);
--font-merriweather: var(--font-merriweather); --font-montserrat: var(--font-montserrat);
--color-colorExt1: #0a0a0a; --color-colorExt1: #0a0a0a;
--color-colorExt2: #ffffff; --color-colorExt2: #ffffff;
--color-colorExt3: #d2ebf1; --color-colorExt3: #d2ebf1;

9
src/app/layout.tsx
View File

@ -1,5 +1,5 @@
import InitialScript from "@/components/layouts/InitialScript"; import InitialScript from "@/components/layouts/InitialScript";
import { Geist, Geist_Mono, Merriweather } from "next/font/google"; import { Geist, Geist_Mono, Montserrat } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { Metadata } from "next"; import { Metadata } from "next";
import { getDefaultMetadata } from "@/utils/metadata"; import { getDefaultMetadata } from "@/utils/metadata";
@ -16,10 +16,9 @@ const geistMono = Geist_Mono({
subsets: ["latin"], subsets: ["latin"],
}); });
const merriWeather = Merriweather({ const montserrat = Montserrat({
variable: "--font-merriweather", variable: "--font-montserrat",
subsets: ["latin"], subsets: ["latin"],
weight: ["300", "400", "700", "900"],
}); });
export async function generateMetadata(): Promise<Metadata> { export async function generateMetadata(): Promise<Metadata> {
@ -49,7 +48,7 @@ export default function RootLayout({
<link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/fonts.css" /> <link rel="stylesheet" href="css/fonts.css" />
</head> </head>
<body className={`${geistSans.variable} ${geistMono.variable} ${merriWeather.variable} antialiased`}> <body className={`${geistSans.variable} ${geistMono.variable} ${montserrat.variable} antialiased`}>
<div className="ie-panel"> <div className="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/"> <a href="http://windows.microsoft.com/en-US/internet-explorer/">
<img <img

36
src/components/layouts/Header.tsx
View File

@ -34,7 +34,7 @@ export default function Header() {
<span className="icon text-middle mdi mdi-phone"></span> <span className="icon text-middle mdi mdi-phone"></span>
</div> </div>
<div className="unit-body"> <div className="unit-body">
<a href="tel:#">1-800-1234-567</a> <a href="tel:#">(478) 225 9061</a>
</div> </div>
</div> </div>
</li> </li>
@ -44,7 +44,7 @@ export default function Header() {
<span className="icon text-middle mdi mdi-email-outline"></span> <span className="icon text-middle mdi mdi-email-outline"></span>
</div> </div>
<div className="unit-body"> <div className="unit-body">
<a href="mailto:#">info@demolink.org</a> <a href="mailto:#">dynamic@dynamicrealtyga.com</a>
</div> </div>
</div> </div>
</li> </li>
@ -59,7 +59,7 @@ export default function Header() {
<span className="icon text-middle mdi mdi-login"></span> <span className="icon text-middle mdi mdi-login"></span>
</span> </span>
<span className="unit-body"> <span className="unit-body">
<span>Login/Register</span> <span>Login</span>
</span> </span>
</button> </button>
</div> </div>
@ -231,8 +231,8 @@ export default function Header() {
srcSet="images/logo-inverse-284x82.png 2x" srcSet="images/logo-inverse-284x82.png 2x"
/> />
</a> </a>
<h3 className="text-colorHeaderText! font-merriweather! italic! hidden lg:inline"> <h3 className="text-colorHeaderText! font-montserrat! font-semibold! hidden lg:inline">
Dynamic Realty Inc. Dynamic Realty
</h3> </h3>
</div> </div>
</div> </div>
@ -240,10 +240,30 @@ export default function Header() {
<ul className="rd-navbar-nav"> <ul className="rd-navbar-nav">
<li className="rd-nav-item active"> <li className="rd-nav-item active">
<a className="rd-nav-link" href="index.html"> <a className="rd-nav-link" href="index.html">
Home HOME
</a> </a>
</li> </li>
<li className="rd-nav-item"> <li className="rd-nav-item">
<a className="rd-nav-link" href="index.html">
RENTAL PORTAL
</a>
</li>
<li className="rd-nav-item">
<a className="rd-nav-link" href="index.html">
LISTINGS FOR SALE
</a>
</li>
<li className="rd-nav-item">
<a className="rd-nav-link" href="index.html">
LISTINGS FOR RENT
</a>
</li>
<li className="rd-nav-item">
<a className="rd-nav-link" href="index.html">
BLOGS
</a>
</li>
{/* <li className="rd-nav-item">
<a className="rd-nav-link" href="#"> <a className="rd-nav-link" href="#">
Properties Properties
</a> </a>
@ -396,11 +416,11 @@ export default function Header() {
<a className="rd-nav-link" href="contact-us.html"> <a className="rd-nav-link" href="contact-us.html">
Contact Us Contact Us
</a> </a>
</li> </li> */}
</ul> </ul>
<div className="rd-navbar-main-item"> <div className="rd-navbar-main-item">
<a className="button button-sm button-primary" href="#"> <a className="button button-sm button-primary" href="#">
Submit property BOOK APPOINTMENT
</a> </a>
</div> </div>
</div> </div>