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);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
--font-merriweather: var(--font-merriweather);
--font-montserrat: var(--font-montserrat);
--color-colorExt1: #0a0a0a;
--color-colorExt2: #ffffff;
--color-colorExt3: #d2ebf1;

9
src/app/layout.tsx
View File

@ -1,5 +1,5 @@
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 { Metadata } from "next";
import { getDefaultMetadata } from "@/utils/metadata";
@ -16,10 +16,9 @@ const geistMono = Geist_Mono({
subsets: ["latin"],
});
const merriWeather = Merriweather({
variable: "--font-merriweather",
const montserrat = Montserrat({
variable: "--font-montserrat",
subsets: ["latin"],
weight: ["300", "400", "700", "900"],
});
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/fonts.css" />
</head>
<body className={`${geistSans.variable} ${geistMono.variable} ${merriWeather.variable} antialiased`}>
<body className={`${geistSans.variable} ${geistMono.variable} ${montserrat.variable} antialiased`}>
<div className="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/">
<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>
</div>
<div className="unit-body">
<a href="tel:#">1-800-1234-567</a>
<a href="tel:#">(478) 225 9061</a>
</div>
</div>
</li>
@ -44,7 +44,7 @@ export default function Header() {
<span className="icon text-middle mdi mdi-email-outline"></span>
</div>
<div className="unit-body">
<a href="mailto:#">info@demolink.org</a>
<a href="mailto:#">dynamic@dynamicrealtyga.com</a>
</div>
</div>
</li>
@ -59,7 +59,7 @@ export default function Header() {
<span className="icon text-middle mdi mdi-login"></span>
</span>
<span className="unit-body">
<span>Login/Register</span>
<span>Login</span>
</span>
</button>
</div>
@ -231,8 +231,8 @@ export default function Header() {
srcSet="images/logo-inverse-284x82.png 2x"
/>
</a>
<h3 className="text-colorHeaderText! font-merriweather! italic! hidden lg:inline">
Dynamic Realty Inc.
<h3 className="text-colorHeaderText! font-montserrat! font-semibold! hidden lg:inline">
Dynamic Realty
</h3>
</div>
</div>
@ -240,10 +240,30 @@ export default function Header() {
<ul className="rd-navbar-nav">
<li className="rd-nav-item active">
<a className="rd-nav-link" href="index.html">
Home
HOME
</a>
</li>
<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="#">
Properties
</a>
@ -396,11 +416,11 @@ export default function Header() {
<a className="rd-nav-link" href="contact-us.html">
Contact Us
</a>
</li>
</li> */}
</ul>
<div className="rd-navbar-main-item">
<a className="button button-sm button-primary" href="#">
Submit property
BOOK APPOINTMENT
</a>
</div>
</div>