layout changed and footer change bg color to primary
This commit is contained in:
nabijonovdavronbek619@gmail.com
@@ -1,16 +1,18 @@
|
||||
|
||||
|
||||
import { ReactNode } from "react";
|
||||
import "../i18n/request"; // i18n config faylini import qilamiz
|
||||
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 }) {
|
||||
return (
|
||||
<html lang="uz">
|
||||
<body>
|
||||
<LanguageProvider>
|
||||
<Navbar />
|
||||
{children}
|
||||
<Footer />
|
||||
</LanguageProvider>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
11
app/page.tsx
11
app/page.tsx
@@ -1,12 +1,8 @@
|
||||
"use client";
|
||||
|
||||
import { Navbar } from "@/components/Navbar";
|
||||
import { ShowCase } from "@/components/ShowCase";
|
||||
import { About } from "@/components/About";
|
||||
import { ProductsGrid } from "@/components/ProductsGrid";
|
||||
import { FAQ } from "@/components/FAQ";
|
||||
import { ContactForm } from "@/components/ContactForm";
|
||||
import { Footer } from "@/components/Footer";
|
||||
|
||||
const HERO_IMAGES = [
|
||||
"/product/product.jpg",
|
||||
@@ -18,15 +14,12 @@ const HERO_IMAGES = [
|
||||
export default function Home() {
|
||||
return (
|
||||
<main>
|
||||
<Navbar />
|
||||
<ShowCase
|
||||
images={HERO_IMAGES}
|
||||
/>
|
||||
<ShowCase images={HERO_IMAGES} />
|
||||
<About />
|
||||
feature.labelKey
|
||||
<ProductsGrid />
|
||||
<FAQ />
|
||||
<ContactForm />
|
||||
<Footer />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -27,7 +27,7 @@ export function Footer() {
|
||||
};
|
||||
|
||||
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">
|
||||
<motion.div
|
||||
variants={containerVariants}
|
||||
@@ -48,33 +48,33 @@ export function Footer() {
|
||||
/>
|
||||
</h3>
|
||||
<p className="text-gray-400 text-sm">
|
||||
Premium industrial pumps and equipment.
|
||||
{t.footer.common.premium_title}
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Quick Links */}
|
||||
<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">
|
||||
<li>
|
||||
<a href="#about" className="hover:text-white transition-colors">
|
||||
About Us
|
||||
<a href="#about" className="hover:text-white transition-colors text-[15px] ">
|
||||
{t.footer.common.aboutUs}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#products"
|
||||
className="hover:text-white transition-colors"
|
||||
className="hover:text-white text-[15px] transition-colors"
|
||||
>
|
||||
Products
|
||||
{t.footer.common.products}
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#contact"
|
||||
className="hover:text-white transition-colors"
|
||||
className="hover:text-white text-[15px] transition-colors"
|
||||
>
|
||||
Contact
|
||||
{t.footer.common.contact}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -82,11 +82,11 @@ export function Footer() {
|
||||
|
||||
{/* Contact Info */}
|
||||
<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">
|
||||
<li>Email: info@firma.uz</li>
|
||||
<li>Phone: +998 (99) 123-45-67</li>
|
||||
<li>Telegram: @firma_support</li>
|
||||
<li className="text-[15px]">{t.footer.common.email}: info@firma.uz</li>
|
||||
<li className="text-[15px]">{t.footer.common.phone}: +998 (99) 123-45-67</li>
|
||||
<li className="text-[15px]">{t.footer.common.telegram}: @firma_support</li>
|
||||
</ul>
|
||||
</motion.div>
|
||||
|
||||
@@ -102,7 +102,7 @@ export function Footer() {
|
||||
href={link.href}
|
||||
whileHover={{ scale: 1.2 }}
|
||||
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}
|
||||
>
|
||||
<Icon size={20} />
|
||||
|
||||
@@ -61,6 +61,16 @@ export const translations = {
|
||||
footer: {
|
||||
copyright: "© 2025 Firma. Barcha huquqlar himoyalangan.",
|
||||
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: {
|
||||
pump_1: {
|
||||
@@ -146,6 +156,16 @@ export const translations = {
|
||||
footer: {
|
||||
copyright: "© 2025 Firma. Все права защищены.",
|
||||
followUs: "Следите за нами",
|
||||
common: {
|
||||
premium_title: "Премиальные промышленные насосы и оборудование",
|
||||
quickLinks: "Быстрые ссылки",
|
||||
aboutUs: "О нас",
|
||||
products: "Продукты",
|
||||
contact: "Контакт",
|
||||
email: "Email",
|
||||
phone: "Телефон",
|
||||
telegram: "Телеграм",
|
||||
},
|
||||
},
|
||||
products_list: {
|
||||
pump_1: {
|
||||
|
||||
Reference in New Issue
Block a user