mukeshs/3engines
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Font Update

Browse Source
This commit is contained in:
mukesh13
2025-06-26 12:15:42 +05:30
parent 55c5e9f493
commit 9dd600f17f
4 changed files with 108 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/fonts/Nunito/Nunito-Bold.ttf Normal file
View File

Binary file not shown.

BIN
public/fonts/Nunito/Nunito-Regular.ttf Normal file
View File

Binary file not shown.

18
src/app/globals.css
View File

@ -1,3 +1,19 @@
@font-face {
font-family: 'Nunito';
src: url('/fonts/Nunito/Nunito-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Nunito';
src: url('/fonts/Nunito/Nunito-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@import "tailwindcss"; @import "tailwindcss";
@ -23,5 +39,5 @@
body { body {
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: Arial, Helvetica, sans-serif; font-family: 'nunito', sans-serif;
} }

123
src/components/Layout/Header.tsx
View File

@ -1,8 +1,15 @@
import React from 'react'; "use client"
import React, { useState } from 'react';
import Image from 'next/image'; import Image from 'next/image';
import Link from 'next/link'; import Link from 'next/link';
const Header = () => { const Header = () => {
const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
const toggleMobileMenu = () => {
setIsMobileMenuOpen(!isMobileMenuOpen);
};
return ( return (
<header className="bg-white shadow-sm"> <header className="bg-white shadow-sm">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@ -14,19 +21,20 @@ const Header = () => {
<Image <Image
src="/images/logo-splash.svg" src="/images/logo-splash.svg"
alt="3engine Logo" alt="3engine Logo"
width={100} height={100} width={100}
height={100}
/> />
</Link> </Link>
{/* Main Navigation - Left side */} {/* Main Navigation - Left side */}
<nav className="hidden md:flex space-x-8"> <nav className="hidden md:flex space-x-8">
<Link href="/" className="text-gray-700 hover:text-gray-700 px-3 py-2 text-sm font-medium"> <Link href="/" className="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">
Home Home
</Link> </Link>
<Link href="/" className="text-gray-700 hover:text-gray-700 px-3 py-2 text-sm font-medium"> <Link href="/products" className="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">
Products Products
</Link> </Link>
<Link href="/" className="text-gray-700 hover:text-gray-700 px-3 py-2 text-sm font-medium"> <Link href="/solution" className="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">
Solution Solution
</Link> </Link>
</nav> </nav>
@ -34,28 +42,27 @@ const Header = () => {
{/* Right side navigation */} {/* Right side navigation */}
<div className="hidden md:flex items-center space-x-6"> <div className="hidden md:flex items-center space-x-6">
<Link href="/" className="text-gray-700 hover:text-gray-700 px-3 py-2 text-sm font-medium"> <Link href="/partners" className="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium">
Partners Partners
</Link> </Link>
<a <a
href="https://docs.rootxwire.com/index.html" href="https://docs.rootxwire.com/index.html"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-gray-700 hover:text-gray-700 px-3 py-2 text-sm font-medium" className="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium"
> >
Documentation Documentation
</a> </a>
<a <a
href="https://3engine.rootxwire.com/auth/login/" href="https://3engine.rootxwire.com/auth/login/"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-gray-700 hover:text-gray-700 px-3 py-2 text-sm font-medium" className="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium"
> >
Console Console
</a> </a>
<Link <Link
href="/" href="/signup"
className="bg-blue-600 text-white hover:bg-blue-700 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200" className="bg-blue-600 text-white hover:bg-blue-700 px-4 py-2 rounded-md text-sm font-medium transition-colors duration-200"
> >
SignUp SignUp
@ -66,40 +73,92 @@ const Header = () => {
<div className="md:hidden"> <div className="md:hidden">
<button <button
type="button" type="button"
onClick={toggleMobileMenu}
className="bg-white inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" className="bg-white inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"
aria-expanded="false" aria-expanded={isMobileMenuOpen}
> >
<span className="sr-only">Open main menu</span> <span className="sr-only">Open main menu</span>
<svg className="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> {/* Hamburger icon when menu is closed */}
<svg
className={`${isMobileMenuOpen ? 'hidden' : 'block'} h-6 w-6`}
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
aria-hidden="true"
>
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 6h16M4 12h16M4 18h16" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M4 6h16M4 12h16M4 18h16" />
</svg> </svg>
{/* X icon when menu is open */}
<svg
className={`${isMobileMenuOpen ? 'block' : 'hidden'} h-6 w-6`}
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
aria-hidden="true"
>
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button> </button>
</div> </div>
</div> </div>
</div> </div>
{/* Mobile menu - you can expand this later */} {/* Mobile menu */}
<div className="md:hidden hidden"> <div className={`md:hidden ${isMobileMenuOpen ? 'block' : 'hidden'}`}>
<div className="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-white border-t"> <div className="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-white border-t shadow-lg">
<Link href="/" className="text-gray-700 hover:text-gray-700 block px-3 py-2 text-sm font-medium"> <Link
href="/"
className="text-gray-700 hover:text-gray-900 hover:bg-gray-50 block px-3 py-2 text-sm font-medium rounded-md"
onClick={() => setIsMobileMenuOpen(false)}
>
Home Home
</Link> </Link>
<Link href="/" className="text-gray-700 hover:text-gray-700 block px-3 py-2 text-sm font-medium"> <Link
href="/products"
className="text-gray-700 hover:text-gray-900 hover:bg-gray-50 block px-3 py-2 text-sm font-medium rounded-md"
onClick={() => setIsMobileMenuOpen(false)}
>
Products Products
</Link> </Link>
<Link href="/" className="text-gray-700 hover:text-gray-700 block px-3 py-2 text-sm font-medium"> <Link
href="/solution"
className="text-gray-700 hover:text-gray-900 hover:bg-gray-50 block px-3 py-2 text-sm font-medium rounded-md"
onClick={() => setIsMobileMenuOpen(false)}
>
Solution Solution
</Link> </Link>
<Link href="/" className="text-gray-700 hover:text-gray-700 block px-3 py-2 text-sm font-medium"> <Link
href="/partners"
className="text-gray-700 hover:text-gray-900 hover:bg-gray-50 block px-3 py-2 text-sm font-medium rounded-md"
onClick={() => setIsMobileMenuOpen(false)}
>
Partners Partners
</Link> </Link>
<Link href="/" className="text-gray-700 hover:text-gray-700 block px-3 py-2 text-sm font-medium"> <a
href="https://docs.rootxwire.com/index.html"
target="_blank"
rel="noopener noreferrer"
className="text-gray-700 hover:text-gray-900 hover:bg-gray-50 block px-3 py-2 text-sm font-medium rounded-md"
onClick={() => setIsMobileMenuOpen(false)}
>
Documentation Documentation
</Link> </a>
<Link href="/" className="text-gray-700 hover:text-gray-700 block px-3 py-2 text-sm font-medium"> <a
href="https://3engine.rootxwire.com/auth/login/"
target="_blank"
rel="noopener noreferrer"
className="text-gray-700 hover:text-gray-900 hover:bg-gray-50 block px-3 py-2 text-sm font-medium rounded-md"
onClick={() => setIsMobileMenuOpen(false)}
>
Console Console
</Link> </a>
<Link href="/" className="bg-blue-600 text-white hover:bg-blue-700 block px-3 py-2 rounded-md text-sm font-medium mx-3 mt-2"> <Link
href="/signup"
className="bg-blue-600 text-white hover:bg-blue-700 block px-3 py-2 rounded-md text-sm font-medium mx-3 mt-2 text-center"
onClick={() => setIsMobileMenuOpen(false)}
>
SignUp SignUp
</Link> </Link>
</div> </div>