added all new chanes

This commit is contained in:
ahmadrezabd
2025-12-15 21:02:35 +03:30
parent adc5122b0a
commit d02c44e4c4
9 changed files with 41 additions and 119 deletions
+3 -10
View File
@@ -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}
/>
+11 -81
View File
@@ -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">
{" "}
+2 -2
View File
@@ -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>
+9 -25
View File
@@ -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"
+9 -1
View File
@@ -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 }) => {
Binary file not shown.

After

Width:  |  Height:  |  Size: 632 KiB

+7
View File
@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 150 150">
<!-- Generator: Adobe Illustrator 29.0.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 192) -->
<path d="M119.76,40.76c14.06,5.02,20.23,21.27,16.93,34.39-2.4,9.52-11.4,19.28-22.36,20.11-2.99.22-6.4-.92-8.35,1.7-1.4,1.89-.67,5.33-.85,7.57-.82,10.41-10.8,19.56-21.99,14.3-8.84-4.16-8.66-12.16-10.4-19.92-1.91-8.48-5.87-19.14-15.59-22.18-2.61-.82-6.37-1.39-9.27-.79-.5.1-3.17.99-4.02,1.3-9.23,3.29-15.03,14.73-15.7,23.38-.19,2.4-.38,8.5.01,10.69.49,2.72,4.59,3.72,5.78.66,1.04-2.69.2-8.01.44-11.09.64-8.23,6.38-17.59,15.99-18.41,1.73-.15,3.48-.11,5.58-.29.32-.03.89-.02,1.51-.72.21-.24,2.96,1.71,3.39,2.05.12.1,1.23,1.09,1.28,1.15.52.59-.3,1.28-.76,1.67-3.35,2.8-5.51,2.29-9.58,2.65-5.9.54-9.62,4.59-10.82,9.86-1.28,5.64,1.22,14.4-3.22,18.71-5.81,5.63-14.96,1.85-15.79-5.49-1.16-10.3.66-21.78,6.77-30.52,8.81-12.6,26.31-16.97,38.92-6.16,5.68,4.87,9,13.22,10.74,20.12,1.21,4.78,1.23,12.99,5.45,16.2,1.55,1.18,3.89,2.1,5.87,2.11,2.47.02,5.82-1.92,7.17-3.85,4.21-6-.55-13.27,5.69-18.77,4.41-3.89,9.58-1.44,14.5-3.02,19.57-6.27,18.54-36.54-1.41-41.74-1.88-.49-17.19-.55-18.8,0s-4.48,2.35-5.75,3.62c-8.09,8.1-2.66,24-4.4,34.08-.2,1.14-1.68,3.64-2.16,5.06-.76,2.2-1.05,4.41-1.57,6.65-.06.25-.1.78-.49.72l-1.99-8.48c.6-9.62-.76-20,0-29.53.68-8.48,8.18-18.14,17.7-18.92,4.86-.4,17.23-.42,21.56,1.13Z"/>
<path d="M23.51,55.93c0-.07,0-.14.01-.21,1.01-8.29,8.79-17.27,18-18.02s19.66.15,29.09.24c2.16.02,4.28.71,5.79,2.14,5.11,4.83,3.72,14.33-3.67,16.98-.16.06-.33.09-.5.11-9.03.75-19.04-.67-27.93.08-3.38.29-2.33,4.31-2.22,6.91.03.66-.44,1.25-1.12,1.47-.47.15-1,.39-1.27.54-.72.38-1.89,1.09-2.7,1.59q-.5.3-1.3.74c1.11-6.07-2.25-15.41,6.43-17.45.14-.03.29-.05.44-.05h27.7c.23,0,.47-.06.68-.14.47-.19.68-.34,1.08-.67,1.21-1,1.64-2.9.96-4.22s-1.88-1.91-3.46-2.03c-6.9-.54-18.8-.44-25.76.02-16.22,1.07-14.22,17.86-14.03,28.9,0,.31-.09.61-.28.87l-2.72,3.77s-.06.09-.09.14h0c-.8,1.41-3.12.89-3.12-.71v-20.98Z"/>
<path d="M92.89,58.27c.36-2.47,2.89-5.76,5.64-6.28,2.58-.49,11.71-.35,14.6-.13,7.15.57,12.08,8.33,12.04,14.51-.04,6.93-3.74,12.3-10.84,14.25-.23.06-5.8.52-8.25.79-8.04.87-12.93,9.48-13.47,16.3-.22,2.82,1.21,9.15-4.04,8.16-2.64-.5-2.54-4.13-2.47-6.07.41-10.52,6.14-22,17.75-24.93,2.78-.7,6.34.09,9.25-.56,5.76-1.3,7.26-9.22,3.96-13.27-.2-.24-2.45-2.03-2.73-2.18-1.87-.96-10.11-.89-12.53-.74-2.03.13-2.71.5-2.96,2.49-.22,1.74.32,11.34-.04,11.85-2.22.84-4.06,2.72-6.19,3.43-.14-.1.28-.33.28-.39,0-5-.68-12.58,0-17.24Z"/>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB