Davron/firma
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout changed and footer change bg color to primary

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-12-09 18:22:42 +05:00
parent 45fbeaf77d
commit 6d6a25637a
4 changed files with 41 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/layout.tsx
View File

@@ -1,16 +1,18 @@
import { ReactNode } from "react"; import { ReactNode } from "react";
import "../i18n/request"; // i18n config faylini import qilamiz import "../i18n/request"; // i18n config faylini import qilamiz
import { LanguageProvider } from "@/context/language-context"; import { LanguageProvider } from "@/context/language-context";
import './globals.css' import "./globals.css";
import { Navbar } from "@/components/Navbar";
import { Footer } from "@/components/Footer";
export default function RootLayout({ children }: { children: ReactNode }) { export default function RootLayout({ children }: { children: ReactNode }) {
return ( return (
<html lang="uz"> <html lang="uz">
<body> <body>
<LanguageProvider> <LanguageProvider>
<Navbar />
{children} {children}
<Footer />
</LanguageProvider> </LanguageProvider>
</body> </body>
</html> </html>

11
app/page.tsx
View File

@@ -1,12 +1,8 @@
"use client";
import { Navbar } from "@/components/Navbar";
import { ShowCase } from "@/components/ShowCase"; import { ShowCase } from "@/components/ShowCase";
import { About } from "@/components/About"; import { About } from "@/components/About";
import { ProductsGrid } from "@/components/ProductsGrid"; import { ProductsGrid } from "@/components/ProductsGrid";
import { FAQ } from "@/components/FAQ"; import { FAQ } from "@/components/FAQ";
import { ContactForm } from "@/components/ContactForm"; import { ContactForm } from "@/components/ContactForm";
import { Footer } from "@/components/Footer";
const HERO_IMAGES = [ const HERO_IMAGES = [
"/product/product.jpg", "/product/product.jpg",
@@ -18,15 +14,12 @@ const HERO_IMAGES = [
export default function Home() { export default function Home() {
return ( return (
<main> <main>
<Navbar /> <ShowCase images={HERO_IMAGES} />
<ShowCase
images={HERO_IMAGES}
/>
<About /> <About />
feature.labelKey
<ProductsGrid /> <ProductsGrid />
<FAQ /> <FAQ />
<ContactForm /> <ContactForm />
<Footer />
</main> </main>
); );
} }

28
components/Footer.tsx
View File

@@ -27,7 +27,7 @@ export function Footer() {
}; };
return ( return (
<footer className="bg-gray-900 text-white"> <footer className="bg-linear-to-br from-primary to-gray-800 text-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
<motion.div <motion.div
variants={containerVariants} variants={containerVariants}
@@ -48,33 +48,33 @@ export function Footer() {
/> />
</h3> </h3>
<p className="text-gray-400 text-sm"> <p className="text-gray-400 text-sm">
Premium industrial pumps and equipment. {t.footer.common.premium_title}
</p> </p>
</motion.div> </motion.div>
{/* Quick Links */} {/* Quick Links */}
<motion.div variants={itemVariants}> <motion.div variants={itemVariants}>
<h4 className="font-semibold mb-4">Quick Links</h4> <h4 className="font-semibold mb-4">{t.footer.common.quickLinks}</h4>
<ul className="space-y-2 text-gray-400 text-sm"> <ul className="space-y-2 text-gray-400 text-sm">
<li> <li>
<a href="#about" className="hover:text-white transition-colors"> <a href="#about" className="hover:text-white transition-colors text-[15px] ">
About Us {t.footer.common.aboutUs}
</a> </a>
</li> </li>
<li> <li>
<a <a
href="#products" href="#products"
className="hover:text-white transition-colors" className="hover:text-white text-[15px] transition-colors"
> >
Products {t.footer.common.products}
</a> </a>
</li> </li>
<li> <li>
<a <a
href="#contact" href="#contact"
className="hover:text-white transition-colors" className="hover:text-white text-[15px] transition-colors"
> >
Contact {t.footer.common.contact}
</a> </a>
</li> </li>
</ul> </ul>
@@ -82,11 +82,11 @@ export function Footer() {
{/* Contact Info */} {/* Contact Info */}
<motion.div variants={itemVariants}> <motion.div variants={itemVariants}>
<h4 className="font-semibold mb-4">Contact</h4> <h4 className="font-semibold mb-4">{t.footer.common.contact}</h4>
<ul className="space-y-2 text-gray-400 text-sm"> <ul className="space-y-2 text-gray-400 text-sm">
<li>Email: info@firma.uz</li> <li className="text-[15px]">{t.footer.common.email}: info@firma.uz</li>
<li>Phone: +998 (99) 123-45-67</li> <li className="text-[15px]">{t.footer.common.phone}: +998 (99) 123-45-67</li>
<li>Telegram: @firma_support</li> <li className="text-[15px]">{t.footer.common.telegram}: @firma_support</li>
</ul> </ul>
</motion.div> </motion.div>
@@ -102,7 +102,7 @@ export function Footer() {
href={link.href} href={link.href}
whileHover={{ scale: 1.2 }} whileHover={{ scale: 1.2 }}
whileTap={{ scale: 0.95 }} whileTap={{ scale: 0.95 }}
className="p-2 bg-gray-800 rounded-lg hover:bg-blue-600 transition-colors" className="p-2 bg-gray-800 rounded-lg hover:bg-primary transition-colors"
aria-label={link.label} aria-label={link.label}
> >
<Icon size={20} /> <Icon size={20} />

20
lib/translations.ts
View File

@@ -61,6 +61,16 @@ export const translations = {
footer: { footer: {
copyright: "© 2025 Firma. Barcha huquqlar himoyalangan.", copyright: "© 2025 Firma. Barcha huquqlar himoyalangan.",
followUs: "Bizni kuzatib turing", followUs: "Bizni kuzatib turing",
common: {
premium_title: "Premium sanoat nasoslari va uskunalari",
quickLinks: "Tezkor havolalar",
aboutUs: "Biz haqimizda",
products: "Mahsulotlar",
contact: "Bog'lanish",
email: "Email",
phone: "Telefon",
telegram: "Telegram",
},
}, },
products_list: { products_list: {
pump_1: { pump_1: {
@@ -146,6 +156,16 @@ export const translations = {
footer: { footer: {
copyright: "© 2025 Firma. Все права защищены.", copyright: "© 2025 Firma. Все права защищены.",
followUs: "Следите за нами", followUs: "Следите за нами",
common: {
premium_title: "Премиальные промышленные насосы и оборудование",
quickLinks: "Быстрые ссылки",
aboutUs: "О нас",
products: "Продукты",
contact: "Контакт",
email: "Email",
phone: "Телефон",
telegram: "Телеграм",
},
}, },
products_list: { products_list: {
pump_1: { pump_1: {