fix
parent
6e336ba512
commit
1fcf3fb8be
|
@ -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",
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 99 KiB |
Binary file not shown.
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
After Width: | Height: | Size: 69 KiB |
|
@ -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}
|
||||
|
|
|
@ -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">
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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`}>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue