added all new chanes

2025-12-15 21:02:35 +03:30
parent adc5122b0a
commit d02c44e4c4
9 changed files with 41 additions and 119 deletions
@@ -11,16 +11,9 @@ export default function ContentSection() {
          <div className="relative mb-6 sm:mb-0">
            <div className="bg-linear-to-b aspect-76/59 relative rounded-2xl from-zinc-300 to-transparent p-px dark:from-zinc-700">
              <Image
-                src="https://images.unsplash.com/photo-1557683316-973673baf926?w=1207&h=929&fit=crop&q=80"
-                className="hidden rounded-[15px] dark:block object-cover"
-                alt="Modern abstract technology"
-                width={1207}
-                height={929}
-              />
-              <Image
-                src="https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1207&h=929&fit=crop&q=80"
-                className="rounded-[15px] shadow dark:hidden object-cover"
-                alt="Modern abstract design"
+                src="/assets/hero-integration.png.png"
+                className="rounded-[15px] object-cover"
+                alt="اکوسیستم یکپارچه فیپ"
                width={1207}
                height={929}
              />
@@ -3,28 +3,12 @@ import Link from "next/link";

 const links = [
  {
-    title: "ویژگی‌ها",
-    href: "#",
+    title: "درباره ما",
+    href: "/about",
  },
  {
-    title: "راه‌حل",
-    href: "#",
-  },
-  {
-    title: "مشتریان",
-    href: "#",
-  },
-  {
-    title: "قیمت‌گذاری",
-    href: "/pricing",
-  },
-  {
-    title: "راهنما",
-    href: "#",
-  },
-  {
-    title: "درباره",
-    href: "#",
+    title: "راه حل‌ها",
+    href: "/solutions",
  },
 ];

@@ -47,68 +31,14 @@ export default function FooterSection() {
            </Link>
          ))}
        </div>
-        <div className="my-8 flex flex-wrap justify-center gap-6 text-sm">
-          <Link
-            href="#"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="X/Twitter"
-            className="text-muted-foreground hover:text-accent transition-colors duration-150"
+        <div className="my-8 flex flex-wrap justify-center items-center gap-2 text-sm">
+          <span className="text-muted-foreground">تماس با تیم فیپ:</span>
+          <a
+            href="tel:09162949770"
+            className="text-foreground hover:text-accent transition-colors duration-150 font-medium"
          >
-            <svg
-              className="size-6"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M10.488 14.651L15.25 21h7l-7.858-10.478L20.93 3h-2.65l-5.117 5.886L8.75 3h-7l7.51 10.015L2.32 21h2.65zM16.25 19L5.75 5h2l10.5 14z"
-              ></path>
-            </svg>
-          </Link>
-          <Link
-            href="#"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="LinkedIn"
-            className="text-muted-foreground hover:text-accent transition-colors duration-150"
-          >
-            <svg
-              className="size-6"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z"
-              ></path>
-            </svg>
-          </Link>
-
-          <Link
-            href="#"
-            target="_blank"
-            rel="noopener noreferrer"
-            aria-label="Instagram"
-            className="text-muted-foreground hover:text-accent transition-colors duration-150"
-          >
-            <svg
-              className="size-6"
-              xmlns="http://www.w3.org/2000/svg"
-              width="1em"
-              height="1em"
-              viewBox="0 0 24 24"
-            >
-              <path
-                fill="currentColor"
-                d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"
-              ></path>
-            </svg>
-          </Link>
+            09162949770
+          </a>
        </div>
        <span className="text-muted-foreground block text-center text-sm">
          {" "}
@@ -88,8 +88,8 @@ export const HeroHeader = () => {
                                    asChild
                                    size="sm"
                                    className={cn(isScrolled ? 'lg:inline-flex' : 'hidden', 'transition-all duration-300 hover:scale-105')}>
-                                    <Link href="#">
-                                        <span>شروع کنید</span>
+                                    <Link href="tel:09162949770">
+                                        <span>تماس با فیپ</span>
                                    </Link>
                                </Button>
                            </div>
@@ -78,10 +78,6 @@ export default function HeroSection() {
              />
            </AnimatedGroup>

-            <div
-              aria-hidden
-              className="absolute inset-0 -z-10 size-full [background:radial-gradient(125%_125%_at_50%_100%,transparent_0%,var(--color-background)_75%)]"
-            />

            <div className="mx-auto max-w-7xl px-6">
              <div className="text-center sm:mx-auto lg:mr-auto lg:mt-0">
@@ -172,11 +168,11 @@ export default function HeroSection() {
                ...transitionVariants,
              }}
            >
-              <div className="mask-b-from-55% relative -mr-56 mt-8 overflow-hidden px-2 sm:mr-0 sm:mt-12 md:mt-20">
-                <div className="inset-shadow-2xs ring-background dark:inset-shadow-white/20 bg-background relative mx-auto max-w-6xl overflow-hidden rounded-2xl border p-4 shadow-lg shadow-zinc-950/15 ring-1">
+              <div className="relative -mr-56 mt-8 overflow-hidden px-2 sm:mr-0 sm:mt-12 md:mt-20">
+                <div className="ring-background bg-background relative mx-auto max-w-6xl overflow-hidden rounded-2xl border ring-1 shadow-[0_20px_50px_rgba(59,130,246,0.4)]">
                  <Image
-                    className="bg-background aspect-15/8 relative rounded-2xl object-contain"
-                    src="/assets/hero-integration.png.png"
+                    className="bg-background aspect-15/8 relative w-full h-full rounded-2xl object-cover"
+                    src="/assets/1.jpg"
                    alt="یکپارچه‌سازی سیستم‌ها و شبکه دیجیتال"
                    width={2700}
                    height={1440}
@@ -198,7 +194,7 @@ export default function HeroSection() {
                <ChevronRight className="ml-1 inline-block size-3" />
              </Link>
            </div>
-            <div className="group-hover:blur-xs mx-auto mt-12 grid max-w-4xl grid-cols-5 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14">
+            <div className="group-hover:blur-xs mx-auto mt-12 grid max-w-4xl grid-cols-4 gap-x-12 gap-y-8 transition-all duration-500 group-hover:opacity-50 sm:gap-x-16 sm:gap-y-14">
              <LogoItem
                icon="logos:telegram"
                alt="Telegram Logo"
@@ -217,19 +213,13 @@ export default function HeroSection() {
                size="md"
                className="-translate-x-2"
              />
-              <LogoItem
-                icon="logos:microsoft-windows-icon"
-                alt="Microsoft Windows Logo"
-                size="md"
-                className="translate-x-2"
-              />
              <LogoItem
                icon="logos:google-icon"
                alt="Google Logo"
                size="md"
                className="translate-x-5"
              />
-              <div className="col-span-5 flex justify-center gap-12 sm:gap-16">
+              <div className="col-span-4 flex justify-center gap-x-12 sm:gap-x-40">
                <LogoItem
                  icon="logos:zapier-icon"
                  alt="Zapier Logo"
@@ -237,16 +227,10 @@ export default function HeroSection() {
                  className="translate-x-0"
                />
                <LogoItem
-                  icon="logos:android-icon"
-                  alt="Android Logo"
+                  icon="logos:microsoft-windows-icon"
+                  alt="Microsoft Windows Logo"
                  size="md"
-                  className="translate-x-3"
-                />
-                <LogoItem
-                  icon="logos:amp-icon"
-                  alt="AMP Logo"
-                  size="md"
-                  className="-translate-x-1"
+                  className="translate-x-2"
                />
                <LogoItem
                  icon="logos:ios"
@@ -24,7 +24,15 @@ export const LogoIcon = ({
  className?: string;
  uniColor?: boolean;
 }) => {
-  return <Image src="/assets/flogo-1.png" alt="Logo" width={50} height={50} className={cn("h-auto", className)} />;
+  return (
+    <Image 
+      src="/assets/feeplogo.svg" 
+      alt="Logo" 
+      width={50} 
+      height={50} 
+      className={cn("h-10 w-auto md:h-12 dark:invert", className)} 
+    />
+  );
 };

 export const LogoStroke = ({ className }: { className?: string }) => {