Amir Hossein Moghiseh 2025-02-27 16:41:18 +03:30
parent 6e336ba512
commit 1fcf3fb8be
12 changed files with 25 additions and 25 deletions

View File

@ -3,7 +3,7 @@
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "cross-env NODE_OPTIONS='--inspect' next dev",
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint",

BIN
public/images/1.png 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
public/images/2.png 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

BIN
public/images/3.png 100644

Binary file not shown.

After

Width:  |  Height:  |  Size: 69 KiB

View File

@ -91,7 +91,7 @@ export default async function LocaleLayout({
<head>
<meta name="apple-mobile-web-app-title" content="AdHorizonIntl" />
</head>
<body className={`${rubik.variable} ${roboto.variable} `} suppressHydrationWarning>
<body className={`${rubik.variable} ${roboto.variable} antialiased `} suppressHydrationWarning>
<NextIntlClientProvider messages={messages}>
<Navbar items={navbaritems} />
{children}

View File

@ -1,12 +1,7 @@
import { Home } from "lucide-react";
import { ChevronRight } from "lucide-react";
import { Share2 } from "lucide-react";
import { Share } from "lucide-react";
import { ShoppingCart } from "lucide-react";
import { ChevronRight, Home } from "lucide-react";
import { getLocale, getMessages } from "next-intl/server";
import Link from "next/link";
import { notFound } from "next/navigation";
import BrandInfo from "src/components/Product/BrandInfo";
import ProductDescription from "src/components/Product/ProductDescription";
import ProductGallery from "src/components/Product/ProductGallery";
import ProductInfo from "src/components/Product/ProductInfo";
@ -207,7 +202,7 @@ export default async function ProductPage({ params }) {
const t = await getMessages({ locale });
console.log(t)
return (
<div className="contain-none md:container mx-auto px-4 py-8">
<div className="max-w-screen-xl mx-auto px-4 py-8">

View File

@ -40,9 +40,12 @@ export default function ProductCarousel({ title, subtitle, products, showMoreLin
<p className="text-xl text-center text-gray-600 mb-8">{subtitle}</p>
}
</div>
<Link href={showMoreLink} className="text-sm text-blue-600 underline">
{t("showMoreLink")}
</Link>
{
showMoreLink &&
<Link href={showMoreLink} className="text-sm text-blue-600 underline">
{t("showMoreLink")}
</Link>
}
</div>
<div className="relative h-fit">

View File

@ -76,10 +76,10 @@ const Navbar = ({ items }) => {
</div> */}
<div
className={` max-[1023px]:hidden lg:block tr03 ${!isScrolled && " lg:px-5 xl:px-20 "} `}
className={` max-w-screen-xl hidden lg:block tr03 mx-auto px-4 lg:px-0`}
>
<div className="mx-auto w-full flex justify-center ">
<Image src={`/images/logo-${locale}.png?v=1`} width={125} height={125} className="lg:w-auto" />
<div className="mx-auto w-full flex justify-center p-2">
<Image src={`/images/1.png`} width={125} height={125} className="lg:w-auto" />
</div>
{isScrolled && (
<div className="w-full h-[76px]">
@ -87,7 +87,7 @@ const Navbar = ({ items }) => {
</div>
)}
<nav
className={`${locale === "en" ? "rtl pl-1" : "ltr pr-1"} flex justify-between w-full items-center ${isScrolled ? " bg-gray-100 fixed top-0 z-50 rounded-b-3xl py-2 px-2 " : " rounded-2xl"
className={`${locale === "en" ? "rtl pl-1" : "ltr pr-1"} flex justify-between w-full items-center ${isScrolled ? "bg-gray-100 fixed top-0 z-50 rounded-b-3xl py-2 px-2 left-1/2 -translate-x-1/2 " : " rounded-2xl"
}
bg-gray-100 }`}
>
@ -97,7 +97,7 @@ const Navbar = ({ items }) => {
(
<div className="relative rounded-lg flex flex-col items-center rounded-tl-2xl justify-center my-auto">
<Image
src={logo}
src={"/images/1.png"}
width={75} height={75}
alt="llc "
className="mx-auto object-contain"
@ -193,7 +193,7 @@ const Navbar = ({ items }) => {
</div>
<div className=" ">
<Image
src={logo}
src={"/images/1.png"}
width={200}
height={200}
alt="llc"
@ -263,7 +263,7 @@ const Navbar = ({ items }) => {
{/* <Link href="/"> */}
<div className="text-center mt-[15px] w-[150px] mx-auto ">
<Image
src={logo}
src={"/images/1.png"}
width={500}
height={500}
alt="llc"

View File

@ -28,14 +28,14 @@ export default function ProductGallery({ images }) {
return (
<div className="max-w-[500px] lg:min-w-[500px]">
<div className="aspect-w-1 aspect-h-1 w-full rounded-lg overflow-hidden">
<div className="aspect-w-1 aspect-h-1 w-full overflow-hidden border-r pr-4">
<Image
src={selectedImage.url || "/placeholder.svg"}
alt={selectedImage.alternativeText ?? ""}
width={500}
height={500}
className="object-contain cursor-pointer aspect-square border"
className="object-contain cursor-pointer aspect-square"
onClick={() => openLightbox(images.findIndex((img) => img.documentId === selectedImage.documentId))}
/>
</div>

View File

@ -79,7 +79,7 @@ const ProductRelated = ({ category, brand }) => {
{
products && products.length > 0 && (
<ProductCarousel products={products} title={t("productRelated")} showMoreLink={`/products/${brand.slug}`} />
<ProductCarousel products={products} title={t("productRelated")} showMoreLink={`/products/${brand?.slug ?? category?.slug}`} />
)
}
</div>

View File

@ -57,11 +57,13 @@ const Footer = () => {
<div className="flex justify-center pb-20 ">
<div>
<div className="w-full mb-5">
<Image src={logo} className="w-[90px] mx-auto" />
<Image src={"/images/1.png"} width={90} height={90} className="w-[90px] mx-auto" />
</div>
<Image src={"/images/3.png"} width={300} height={50} className="mx-auto" />
<br />
<p className="mb-0 text-sm text-gray-200 w-full text-center opacity-30 " dir="ltr">
© 2025. All rights reserved. <br />
Advanced Horizon Services LLC
</p>
{/* <div className="flex justify-center w-full my-5 ">
<Link href={`/products`}>

View File

@ -65,7 +65,7 @@ const Products = async () => {
const t = await getMessages()
return (
<div className="my-20 max-w-screen-xl mx-auto px-4 lg:px-0 ">
<div className="my-20 max-w-screen-xl mx-auto px-4">
<div>