Create Saman Andish industrial website
Build a responsive Persian Next.js experience with product discovery and dedicated company contact pages. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Alireza Hassani
+15
@@ -0,0 +1,15 @@
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
# Next.js build output
|
||||
/.next
|
||||
/out
|
||||
|
||||
# local files
|
||||
.DS_Store
|
||||
*.log
|
||||
.env*
|
||||
|
||||
# TypeScript
|
||||
*.tsbuildinfo
|
||||
next-env.d.ts
|
||||
@@ -0,0 +1,9 @@
|
||||
<!-- BEGIN:nextjs-agent-rules -->
|
||||
|
||||
# This is NOT the Next.js you know
|
||||
|
||||
This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
|
||||
|
||||
This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
|
||||
|
||||
<!-- END:nextjs-agent-rules -->
|
||||
@@ -0,0 +1,16 @@
|
||||
Create a website from this website
|
||||
https://www.samanandish.co/
|
||||
Website is about heavy machinery seller and company, mainly in wire and cable industry
|
||||
Website is not ssl but its ok to pass it
|
||||
|
||||
You can use content and images
|
||||
Lang:fa
|
||||
Directions: rtl
|
||||
Use next js
|
||||
Design only homepage
|
||||
|
||||
Use the same font for Persian font and cool industrial en font
|
||||
Sections are the same
|
||||
search is very important for this website
|
||||
|
||||
I will connect product to backend later
|
||||
@@ -0,0 +1,211 @@
|
||||
import type { Metadata } from "next";
|
||||
import {
|
||||
ArrowLeft,
|
||||
Award,
|
||||
CheckCircle2,
|
||||
Factory,
|
||||
Gauge,
|
||||
Globe2,
|
||||
Handshake,
|
||||
Target,
|
||||
Users,
|
||||
} from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { InteriorFooter, InteriorHeader } from "../components/InteriorShell";
|
||||
|
||||
const assetBase =
|
||||
"https://meshkee-templates.sas.amin.parminstorage.ir/sites/user_themes/SamanAndish_OcHaRXRqAo/assets/files";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "درباره سامان اندیش | تجربه تخصصی صنعت سیم و کابل",
|
||||
description:
|
||||
"با تاریخچه، ارزش‌ها و توانمندی‌های تخصصی شرکت سامان اندیش در تأمین ماشین‌آلات صنعت سیم و کابل آشنا شوید.",
|
||||
};
|
||||
|
||||
export default function AboutUsPage() {
|
||||
return (
|
||||
<main>
|
||||
<InteriorHeader active="about" />
|
||||
|
||||
<section
|
||||
className="inner-hero"
|
||||
style={{ backgroundImage: `url("${assetBase}/s9zJRbKrhE.jpg")` }}
|
||||
>
|
||||
<div className="inner-hero__shade" />
|
||||
<div className="container inner-hero__content">
|
||||
<span>ABOUT SAMAN ANDISH</span>
|
||||
<h1>درباره سامان اندیش</h1>
|
||||
<p>
|
||||
بیش از دو دهه تجربه در پیوند فناوری جهانی با صنعت سیم و کابل ایران
|
||||
</p>
|
||||
<div>
|
||||
<Link href="/">صفحه اصلی</Link>
|
||||
<i>/</i>
|
||||
<strong>درباره ما</strong>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about-intro">
|
||||
<div className="container about-intro__grid">
|
||||
<div className="about-intro__visual">
|
||||
<img
|
||||
src={`${assetBase}/trEfzlNgmz.jpg`}
|
||||
alt="ماشین‌آلات صنعت سیم و کابل"
|
||||
/>
|
||||
<div>
|
||||
<strong dir="ltr">25+</strong>
|
||||
<span>سال تجربه تخصصی</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="about-intro__copy">
|
||||
<span className="inner-eyebrow">WHO WE ARE</span>
|
||||
<h2>همراه صنعت، از انتخاب تا بهره‌برداری</h2>
|
||||
<p className="lead">
|
||||
سامان اندیش یک مجموعه مهندسی و بازرگانی تخصصی در حوزه ماشین‌آلات،
|
||||
مواد اولیه و خدمات فنی صنعت سیم و کابل است.
|
||||
</p>
|
||||
<p>
|
||||
ما با شناخت عمیق از فرآیندهای تولید و همکاری با سازندگان معتبر
|
||||
بین‌المللی، به کارخانه‌ها کمک می‌کنیم مناسب‌ترین راهکار را بر اساس
|
||||
ظرفیت تولید، بودجه و برنامه توسعه خود انتخاب کنند. همکاری ما با
|
||||
فروش دستگاه پایان نمی‌یابد؛ ارزیابی فنی، حمل، نصب، راه‌اندازی و
|
||||
پشتیبانی، بخش جدایی‌ناپذیر تعهد ماست.
|
||||
</p>
|
||||
<div className="about-checks">
|
||||
{[
|
||||
"ارزیابی فنی پیش از خرید",
|
||||
"شبکه تأمین بین‌المللی",
|
||||
"نصب و راه‌اندازی تخصصی",
|
||||
"پشتیبانی بلندمدت",
|
||||
].map((item) => (
|
||||
<span key={item}>
|
||||
<CheckCircle2 />
|
||||
{item}
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about-stats">
|
||||
<div className="container about-stats__grid">
|
||||
{[
|
||||
["۲۵+", "سال تجربه"],
|
||||
["۱۲۰+", "ماشین‌آلات تأمین‌شده"],
|
||||
["۴۰+", "برند بین‌المللی"],
|
||||
["۸۰+", "مشتری صنعتی"],
|
||||
].map(([number, label]) => (
|
||||
<div key={label}>
|
||||
<strong>{number}</strong>
|
||||
<span>{label}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="mission">
|
||||
<div className="container">
|
||||
<div className="inner-section-title">
|
||||
<span>OUR PURPOSE</span>
|
||||
<h2>آنچه مسیر ما را می‌سازد</h2>
|
||||
</div>
|
||||
<div className="mission__grid">
|
||||
<article>
|
||||
<span>
|
||||
<Target />
|
||||
</span>
|
||||
<small>01</small>
|
||||
<h3>ماموریت ما</h3>
|
||||
<p>
|
||||
ارائه راهکارهای صنعتی قابل اتکا که بهره‌وری، کیفیت و پایداری
|
||||
خطوط تولید مشتریان را افزایش دهد.
|
||||
</p>
|
||||
</article>
|
||||
<article>
|
||||
<span>
|
||||
<Globe2 />
|
||||
</span>
|
||||
<small>02</small>
|
||||
<h3>چشم‌انداز ما</h3>
|
||||
<p>
|
||||
تبدیل شدن به مرجع نخست تأمین و مهندسی ماشین‌آلات سیم و کابل در
|
||||
بازار ایران و منطقه.
|
||||
</p>
|
||||
</article>
|
||||
<article>
|
||||
<span>
|
||||
<Handshake />
|
||||
</span>
|
||||
<small>03</small>
|
||||
<h3>تعهد ما</h3>
|
||||
<p>
|
||||
ساختن همکاری شفاف و بلندمدت؛ از نخستین مشاوره تا سال‌ها پس از
|
||||
بهره‌برداری تجهیزات.
|
||||
</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="why-us">
|
||||
<div className="container why-us__grid">
|
||||
<div className="why-us__copy">
|
||||
<span className="inner-eyebrow">WHY SAMAN ANDISH</span>
|
||||
<h2>تخصصی که به تصمیم بهتر تبدیل می‌شود</h2>
|
||||
<p>
|
||||
هر پروژه را با شناخت دقیق نیاز تولید آغاز می‌کنیم و با ترکیب دانش
|
||||
فنی، تجربه بازار و دسترسی به تأمین‌کنندگان جهانی، ریسک انتخاب و
|
||||
خرید را کاهش می‌دهیم.
|
||||
</p>
|
||||
<div>
|
||||
{[
|
||||
[Factory, "شناخت فرآیند تولید", "تحلیل دقیق نیاز هر خط"],
|
||||
[Gauge, "تمرکز بر بهره‌وری", "انتخاب اقتصادی و پایدار"],
|
||||
[Award, "کیفیت قابل ارزیابی", "بازرسی و مستندسازی فنی"],
|
||||
[Users, "تیم همراه", "پاسخ‌گویی در تمام مراحل"],
|
||||
].map(([Icon, title, text]) => {
|
||||
const FeatureIcon = Icon as typeof Factory;
|
||||
return (
|
||||
<article key={title as string}>
|
||||
<FeatureIcon />
|
||||
<span>
|
||||
<strong>{title as string}</strong>
|
||||
<small>{text as string}</small>
|
||||
</span>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
<div className="why-us__image">
|
||||
<img
|
||||
src={`${assetBase}/rhipZeVqzD.jpg`}
|
||||
alt="خدمات مهندسی سامان اندیش"
|
||||
/>
|
||||
<div>
|
||||
<strong>راهکار مناسب،</strong>
|
||||
<span>برای خط تولید شما</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="inner-cta">
|
||||
<div className="container">
|
||||
<div>
|
||||
<span>شروع یک همکاری مطمئن</span>
|
||||
<h2>برای توسعه خط تولید خود با ما گفتگو کنید.</h2>
|
||||
</div>
|
||||
<Link className="button button--white" href="/contact-us">
|
||||
تماس با کارشناسان
|
||||
<ArrowLeft size={18} />
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<InteriorFooter />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,187 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
ArrowUpLeft,
|
||||
Camera,
|
||||
ChevronLeft,
|
||||
CircleUserRound,
|
||||
Link as LinkIcon,
|
||||
Mail,
|
||||
MapPin,
|
||||
Menu,
|
||||
MessageCircle,
|
||||
Phone,
|
||||
Search,
|
||||
Sparkles,
|
||||
X,
|
||||
} from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { useState } from "react";
|
||||
|
||||
const assetBase =
|
||||
"https://meshkee-templates.sas.amin.parminstorage.ir/sites/user_themes/SamanAndish_OcHaRXRqAo/assets/files";
|
||||
|
||||
const navItems = [
|
||||
{ label: "صفحه اصلی", href: "/" },
|
||||
{ label: "محصولات", href: "/#products" },
|
||||
{ label: "خدمات", href: "/#services" },
|
||||
{ label: "اخبار", href: "/#news" },
|
||||
{ label: "درباره ما", href: "/about-us", key: "about" },
|
||||
{ label: "تماس با ما", href: "/contact-us", key: "contact" },
|
||||
];
|
||||
|
||||
export function InteriorHeader({
|
||||
active,
|
||||
}: {
|
||||
active?: "about" | "contact";
|
||||
}) {
|
||||
const [mobileOpen, setMobileOpen] = useState(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="topbar">
|
||||
<div className="container topbar__inner">
|
||||
<p>
|
||||
<Sparkles size={14} />
|
||||
شریک تخصصی صنعت سیم و کابل ایران
|
||||
</p>
|
||||
<div>
|
||||
<a href="mailto:info@samanandish.com">
|
||||
<Mail size={14} />
|
||||
info@samanandish.com
|
||||
</a>
|
||||
<span />
|
||||
<a href="tel:+982188530256" dir="ltr">
|
||||
<Phone size={14} />
|
||||
+98 21 8853 0256
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<header className="header">
|
||||
<div className="container header__inner">
|
||||
<Link className="logo" href="/" aria-label="سامان اندیش">
|
||||
<img src={`${assetBase}/KN83Drb6oI.png`} alt="سامان اندیش" />
|
||||
</Link>
|
||||
<nav className="desktop-nav" aria-label="ناوبری اصلی">
|
||||
{navItems.map((item) => (
|
||||
<Link
|
||||
className={item.key === active ? "active" : ""}
|
||||
href={item.href}
|
||||
key={item.label}
|
||||
>
|
||||
{item.label}
|
||||
</Link>
|
||||
))}
|
||||
</nav>
|
||||
<div className="header__actions">
|
||||
<Link className="icon-button" href="/#smart-search" aria-label="جستجو">
|
||||
<Search size={22} />
|
||||
</Link>
|
||||
<button className="icon-button user-button" aria-label="حساب کاربری">
|
||||
<CircleUserRound size={22} />
|
||||
</button>
|
||||
<Link className="header__cta" href="/contact-us">
|
||||
درخواست مشاوره
|
||||
<ArrowUpLeft size={17} />
|
||||
</Link>
|
||||
<button
|
||||
className="mobile-toggle"
|
||||
onClick={() => setMobileOpen((open) => !open)}
|
||||
aria-label="منو"
|
||||
>
|
||||
{mobileOpen ? <X /> : <Menu />}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{mobileOpen && (
|
||||
<nav className="mobile-nav">
|
||||
{navItems.map((item) => (
|
||||
<Link
|
||||
href={item.href}
|
||||
key={item.label}
|
||||
onClick={() => setMobileOpen(false)}
|
||||
>
|
||||
{item.label}
|
||||
<ChevronLeft size={17} />
|
||||
</Link>
|
||||
))}
|
||||
</nav>
|
||||
)}
|
||||
</header>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export function InteriorFooter() {
|
||||
return (
|
||||
<footer className="footer">
|
||||
<div className="footer__pattern" />
|
||||
<div className="container footer__grid">
|
||||
<div className="footer__brand">
|
||||
<img src={`${assetBase}/4eEq8S7FxV.png`} alt="سامان اندیش" />
|
||||
<p>
|
||||
تأمین‌کننده تخصصی ماشین‌آلات و راهکارهای فنی صنعت سیم و کابل، با
|
||||
تمرکز بر کیفیت، بهره‌وری و همکاری بلندمدت.
|
||||
</p>
|
||||
<div>
|
||||
<a href="#" aria-label="اینستاگرام">
|
||||
<Camera />
|
||||
</a>
|
||||
<a href="#" aria-label="لینکدین">
|
||||
<LinkIcon />
|
||||
</a>
|
||||
<a href="#" aria-label="تلگرام">
|
||||
<MessageCircle />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer__links">
|
||||
<h3>دسترسی سریع</h3>
|
||||
<Link href="/">صفحه اصلی</Link>
|
||||
<Link href="/#products">ماشین‌آلات</Link>
|
||||
<Link href="/about-us">درباره ما</Link>
|
||||
<Link href="/contact-us">تماس با ما</Link>
|
||||
</div>
|
||||
<div className="footer__links">
|
||||
<h3>خدمات ما</h3>
|
||||
<Link href="/#services">تأمین ماشین‌آلات</Link>
|
||||
<Link href="/#services">خدمات فنی و مهندسی</Link>
|
||||
<Link href="/#services">مواد اولیه</Link>
|
||||
<Link href="/contact-us">مشاوره خرید</Link>
|
||||
</div>
|
||||
<div className="footer__contact">
|
||||
<h3>با ما در ارتباط باشید</h3>
|
||||
<a href="tel:+982188530256">
|
||||
<span>
|
||||
<Phone />
|
||||
</span>
|
||||
<div>
|
||||
<small>شماره تماس</small>
|
||||
<strong dir="ltr">021 8853 0256</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="mailto:info@samanandish.com">
|
||||
<span>
|
||||
<Mail />
|
||||
</span>
|
||||
<div>
|
||||
<small>ایمیل</small>
|
||||
<strong>info@samanandish.com</strong>
|
||||
</div>
|
||||
</a>
|
||||
<div className="address">
|
||||
<span>
|
||||
<MapPin />
|
||||
</span>
|
||||
<p>تهران، خیابان مطهری، خیابان ترکمنستان</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="container footer__bottom">
|
||||
<p>© ۱۴۰۵ سامان اندیش — تمامی حقوق محفوظ است.</p>
|
||||
<span dir="ltr">ENGINEERED FOR INDUSTRY</span>
|
||||
</div>
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,86 @@
|
||||
"use client";
|
||||
|
||||
import { ArrowLeft, CheckCircle2 } from "lucide-react";
|
||||
import type { FormEvent } from "react";
|
||||
import { useState } from "react";
|
||||
|
||||
export default function ContactForm() {
|
||||
const [submitted, setSubmitted] = useState(false);
|
||||
|
||||
const submit = (event: FormEvent<HTMLFormElement>) => {
|
||||
event.preventDefault();
|
||||
setSubmitted(true);
|
||||
};
|
||||
|
||||
if (submitted) {
|
||||
return (
|
||||
<div className="contact-success">
|
||||
<CheckCircle2 />
|
||||
<h3>پیام شما ثبت شد</h3>
|
||||
<p>کارشناسان سامان اندیش در اولین فرصت با شما تماس خواهند گرفت.</p>
|
||||
<button onClick={() => setSubmitted(false)}>ارسال پیام دیگر</button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<form className="contact-form" onSubmit={submit}>
|
||||
<div className="form-row">
|
||||
<label>
|
||||
نام و نام خانوادگی
|
||||
<input name="name" placeholder="نام شما" required />
|
||||
</label>
|
||||
<label>
|
||||
شماره تماس
|
||||
<input
|
||||
name="phone"
|
||||
inputMode="tel"
|
||||
placeholder="09xx xxx xxxx"
|
||||
dir="ltr"
|
||||
required
|
||||
/>
|
||||
</label>
|
||||
</div>
|
||||
<div className="form-row">
|
||||
<label>
|
||||
ایمیل
|
||||
<input
|
||||
name="email"
|
||||
type="email"
|
||||
placeholder="name@company.com"
|
||||
dir="ltr"
|
||||
/>
|
||||
</label>
|
||||
<label>
|
||||
موضوع درخواست
|
||||
<select name="subject" defaultValue="">
|
||||
<option value="" disabled>
|
||||
انتخاب کنید
|
||||
</option>
|
||||
<option>خرید ماشین‌آلات</option>
|
||||
<option>خدمات فنی و مهندسی</option>
|
||||
<option>تأمین مواد اولیه</option>
|
||||
<option>همکاری تجاری</option>
|
||||
<option>سایر موارد</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<label>
|
||||
پیام شما
|
||||
<textarea
|
||||
name="message"
|
||||
rows={6}
|
||||
placeholder="درباره دستگاه، برند، ظرفیت تولید یا خدمات مورد نیاز توضیح دهید..."
|
||||
required
|
||||
/>
|
||||
</label>
|
||||
<button type="submit">
|
||||
ارسال درخواست
|
||||
<ArrowLeft size={18} />
|
||||
</button>
|
||||
<small>
|
||||
با ارسال فرم، کارشناسان ما برای تکمیل اطلاعات با شما تماس می‌گیرند.
|
||||
</small>
|
||||
</form>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,158 @@
|
||||
import type { Metadata } from "next";
|
||||
import {
|
||||
Clock3,
|
||||
ExternalLink,
|
||||
Mail,
|
||||
MapPin,
|
||||
MessageCircle,
|
||||
Phone,
|
||||
} from "lucide-react";
|
||||
import Link from "next/link";
|
||||
import { InteriorFooter, InteriorHeader } from "../components/InteriorShell";
|
||||
import ContactForm from "./ContactForm";
|
||||
|
||||
const assetBase =
|
||||
"https://meshkee-templates.sas.amin.parminstorage.ir/sites/user_themes/SamanAndish_OcHaRXRqAo/assets/files";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "تماس با سامان اندیش | مشاوره ماشین‌آلات صنعتی",
|
||||
description:
|
||||
"برای مشاوره خرید ماشین‌آلات، خدمات فنی و تأمین مواد اولیه صنعت سیم و کابل با کارشناسان سامان اندیش تماس بگیرید.",
|
||||
};
|
||||
|
||||
export default function ContactUsPage() {
|
||||
return (
|
||||
<main>
|
||||
<InteriorHeader active="contact" />
|
||||
|
||||
<section
|
||||
className="inner-hero inner-hero--contact"
|
||||
style={{ backgroundImage: `url("${assetBase}/ZLxH2tZ4dR.jpg")` }}
|
||||
>
|
||||
<div className="inner-hero__shade" />
|
||||
<div className="container inner-hero__content">
|
||||
<span>GET IN TOUCH</span>
|
||||
<h1>تماس با ما</h1>
|
||||
<p>برای انتخاب بهترین راهکار صنعتی، کنار شما هستیم</p>
|
||||
<div>
|
||||
<Link href="/">صفحه اصلی</Link>
|
||||
<i>/</i>
|
||||
<strong>تماس با ما</strong>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="contact-info">
|
||||
<div className="container contact-info__grid">
|
||||
<a href="tel:+982188530256">
|
||||
<span>
|
||||
<Phone />
|
||||
</span>
|
||||
<div>
|
||||
<small>تماس مستقیم</small>
|
||||
<strong dir="ltr">021 8853 0256</strong>
|
||||
<p>پاسخ‌گویی شنبه تا چهارشنبه</p>
|
||||
</div>
|
||||
</a>
|
||||
<a href="mailto:info@samanandish.com">
|
||||
<span>
|
||||
<Mail />
|
||||
</span>
|
||||
<div>
|
||||
<small>ایمیل سازمانی</small>
|
||||
<strong>info@samanandish.com</strong>
|
||||
<p>برای ارسال مشخصات فنی و پیشنهادات</p>
|
||||
</div>
|
||||
</a>
|
||||
<div>
|
||||
<span>
|
||||
<MapPin />
|
||||
</span>
|
||||
<div>
|
||||
<small>دفتر مرکزی</small>
|
||||
<strong>تهران، خیابان مطهری</strong>
|
||||
<p>خیابان ترکمنستان، دفتر سامان اندیش</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="contact-main">
|
||||
<div className="container contact-main__grid">
|
||||
<div className="contact-main__copy">
|
||||
<span className="inner-eyebrow">SEND A MESSAGE</span>
|
||||
<h2>درخواست خود را با ما در میان بگذارید</h2>
|
||||
<p>
|
||||
برای استعلام ماشین‌آلات، دریافت مشاوره فنی یا شروع همکاری، فرم را
|
||||
تکمیل کنید. اطلاعات شما مستقیماً به تیم مرتبط ارجاع می‌شود.
|
||||
</p>
|
||||
<ContactForm />
|
||||
</div>
|
||||
|
||||
<aside className="contact-aside">
|
||||
<div className="contact-aside__image">
|
||||
<img src={`${assetBase}/rf3fNjazCx.png`} alt="موقعیت سامان اندیش" />
|
||||
<a
|
||||
href="https://www.google.com/maps/place/Saman+Andish/@35.7424283,51.4396725,17z"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
>
|
||||
مشاهده در نقشه
|
||||
<ExternalLink size={16} />
|
||||
</a>
|
||||
</div>
|
||||
<div className="office-hours">
|
||||
<h3>
|
||||
<Clock3 />
|
||||
ساعت کاری
|
||||
</h3>
|
||||
<div>
|
||||
<span>شنبه تا چهارشنبه</span>
|
||||
<strong>۸:۳۰ تا ۱۷:۰۰</strong>
|
||||
</div>
|
||||
<div>
|
||||
<span>پنج‌شنبه</span>
|
||||
<strong>با هماهنگی قبلی</strong>
|
||||
</div>
|
||||
<div>
|
||||
<span>جمعه</span>
|
||||
<strong>تعطیل</strong>
|
||||
</div>
|
||||
</div>
|
||||
<a className="quick-contact" href="tel:+982188530256">
|
||||
<MessageCircle />
|
||||
<span>
|
||||
<small>نیاز به پاسخ سریع دارید؟</small>
|
||||
<strong>همین حالا تماس بگیرید</strong>
|
||||
</span>
|
||||
</a>
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="contact-departments">
|
||||
<div className="container">
|
||||
<div className="inner-section-title">
|
||||
<span>DIRECT CONTACT</span>
|
||||
<h2>ارتباط با واحدهای تخصصی</h2>
|
||||
</div>
|
||||
<div>
|
||||
{[
|
||||
["فروش ماشین‌آلات", "machinery@samanandish.com", "داخلی ۱۰۱"],
|
||||
["خدمات فنی", "service@samanandish.com", "داخلی ۱۰۲"],
|
||||
["همکاری تجاری", "commerce@samanandish.com", "داخلی ۱۰۳"],
|
||||
].map(([title, email, extension]) => (
|
||||
<article key={title}>
|
||||
<small>{extension}</small>
|
||||
<h3>{title}</h3>
|
||||
<a href={`mailto:${email}`}>{email}</a>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<InteriorFooter />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
+3038
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,20 @@
|
||||
import type { Metadata } from "next";
|
||||
import "./globals.css";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "سامان اندیش | ماشین‌آلات صنعت سیم و کابل",
|
||||
description:
|
||||
"تامین ماشین‌آلات، مواد اولیه و خدمات فنی مهندسی صنعت سیم و کابل",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
return (
|
||||
<html lang="fa" dir="rtl">
|
||||
<body>{children}</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
+701
@@ -0,0 +1,701 @@
|
||||
"use client";
|
||||
|
||||
import {
|
||||
ArrowLeft,
|
||||
ArrowUpLeft,
|
||||
BriefcaseBusiness,
|
||||
Camera,
|
||||
ChevronDown,
|
||||
ChevronLeft,
|
||||
ChevronRight,
|
||||
CircleUserRound,
|
||||
FlaskConical,
|
||||
Gauge,
|
||||
Globe2,
|
||||
Link,
|
||||
Mail,
|
||||
MapPin,
|
||||
Menu,
|
||||
MessageCircle,
|
||||
Phone,
|
||||
Search,
|
||||
Settings,
|
||||
ShieldCheck,
|
||||
SlidersHorizontal,
|
||||
Sparkles,
|
||||
X,
|
||||
} from "lucide-react";
|
||||
import type { FormEvent } from "react";
|
||||
import { useEffect, useMemo, useRef, useState } from "react";
|
||||
|
||||
const assetBase =
|
||||
"https://meshkee-templates.sas.amin.parminstorage.ir/sites/user_themes/SamanAndish_OcHaRXRqAo/assets/files";
|
||||
|
||||
const heroSlides = [
|
||||
{
|
||||
image: `${assetBase}/i8SsUDDMLv.jpg`,
|
||||
eyebrow: "WIRE & CABLE MACHINERY",
|
||||
title: "تجربه‌ای مطمئن در تأمین ماشین‌آلات صنعتی",
|
||||
text: "راهکارهای تخصصی برای خطوط تولید سیم و کابل؛ از انتخاب و خرید تا نصب و راه‌اندازی.",
|
||||
},
|
||||
{
|
||||
image: `${assetBase}/s9zJRbKrhE.jpg`,
|
||||
eyebrow: "ENGINEERING THE FUTURE",
|
||||
title: "مهندسی دقیق، عملکرد ماندگار",
|
||||
text: "دسترسی به برندهای معتبر جهانی و مشاوره فنی متناسب با نیاز خط تولید شما.",
|
||||
},
|
||||
{
|
||||
image: `${assetBase}/ZLxH2tZ4dR.jpg`,
|
||||
eyebrow: "SAMAN ANDISH CO.",
|
||||
title: "یک مسیر کوتاه‌تر تا خط تولید بهتر",
|
||||
text: "ماشین‌آلات نو و کارکرده، مواد اولیه و خدمات مهندسی در یک مجموعه تخصصی.",
|
||||
},
|
||||
];
|
||||
|
||||
const categories = [
|
||||
{
|
||||
title: "ماشین‌آلات",
|
||||
en: "MACHINERY",
|
||||
image: `${assetBase}/MDJVsqMgHe.jpg`,
|
||||
count: "+۱۲۰ دستگاه",
|
||||
},
|
||||
{
|
||||
title: "خدمات فنی و مهندسی",
|
||||
en: "TECHNICAL SERVICES",
|
||||
image: `${assetBase}/68atRerNly.jpg`,
|
||||
count: "از طراحی تا اجرا",
|
||||
},
|
||||
{
|
||||
title: "مواد اولیه",
|
||||
en: "RAW MATERIALS",
|
||||
image: `${assetBase}/yxEFuyUDrT.jpg`,
|
||||
count: "تأمین تخصصی",
|
||||
},
|
||||
];
|
||||
|
||||
const products = [
|
||||
{
|
||||
id: 1,
|
||||
title: "دستگاه کوادینگ ۶۰۰ میلی‌متر",
|
||||
en: "600mm Quadding Machine | QUA-21 | LESMO",
|
||||
category: "دستگاه تابنده",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/b597976c3ce6012f3a07e9f5c71a3c8c/conversions/WhatsApp-Image-2021-11-13-at-16.48.24-thumbnail.jpg",
|
||||
code: "LESMO / QUA-21",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "بریدر ۱۶ کریر",
|
||||
en: "16 Carriers Braider | 16N4 | SPIRKA",
|
||||
category: "دستگاه بافنده",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/24128c84241513596a1be1534a791c3b/conversions/IMG_20210911_125416-thumbnail.jpg",
|
||||
code: "SPIRKA / 16N4",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "خط کشش ۰.۵–۰.۱۵ میلی‌متر",
|
||||
en: "0.15–0.5 SQmm Drawing Line | TRB3 | SAMP",
|
||||
category: "دستگاه کشش",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/74e48c1a38cb4022d50c45dbd3be1f9a/conversions/WhatsApp-Image-2021-11-13-at-13.48.57-thumbnail.jpg",
|
||||
code: "SAMP / TRB3",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "پی‌آف ۶۰۰ میلی‌متر",
|
||||
en: "600mm Pay Off | TAP D-0800 | KDM",
|
||||
category: "دستگاه پی‌آف",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/86a2ebc1d9ebc0d693437b61502e03ce/conversions/Picture1-thumbnail.jpg",
|
||||
code: "KDM / TAP D-0800",
|
||||
},
|
||||
];
|
||||
|
||||
const news = [
|
||||
{
|
||||
title: "شرکت مهندسی، مشاوره و بازرگانی HService",
|
||||
date: "۰۸ خرداد ۱۴۰۲",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/2f19d9aa2413f3265b58d130ca4865ea/conversions/SATV---Weblog-Cover-thumbnail.jpg",
|
||||
tag: "همکاری تجاری",
|
||||
},
|
||||
{
|
||||
title: "نمایشگاه‌های تجاری پیشرو Wire و Tube",
|
||||
date: "۲۴ اردیبهشت ۱۴۰۲",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/2434bffa9a1ba2b3f857680a8fbb5b4f/conversions/SATV---Blog-Cover---Wire-&-Tube-2022-thumbnail.jpg",
|
||||
tag: "رویداد",
|
||||
},
|
||||
{
|
||||
title: "انرژی پاک و بازار گواهی انرژی تجدیدپذیر",
|
||||
date: "۱۲ اردیبهشت ۱۴۰۲",
|
||||
image:
|
||||
"https://meshkee-storage.sas.amin.parminstorage.ir/saman_andish_2474/862690c612c4c41a2ddceb9bf7a5c848/conversions/SATV---Blog-Cover---Green-Energy-thumbnail.jpg",
|
||||
tag: "دانش فنی",
|
||||
},
|
||||
];
|
||||
|
||||
const customerLogos = [
|
||||
"JkHpH80NQA.png",
|
||||
"StBGKS3FHm.png",
|
||||
"GAQiN0WIK5.png",
|
||||
"lRkE9W3Pi0.png",
|
||||
"mTdHxPHztj.png",
|
||||
"JcGMFJ8Tv5.png",
|
||||
"WIvmqxoUPv.png",
|
||||
"XhaGH9MU5o.png",
|
||||
"PypItIBoI0.png",
|
||||
"0Y6asKSTsI.png",
|
||||
];
|
||||
|
||||
function SectionTitle({
|
||||
eyebrow,
|
||||
title,
|
||||
light = false,
|
||||
}: {
|
||||
eyebrow: string;
|
||||
title: string;
|
||||
light?: boolean;
|
||||
}) {
|
||||
return (
|
||||
<div className={`section-title ${light ? "section-title--light" : ""}`}>
|
||||
<span>{eyebrow}</span>
|
||||
<h2>{title}</h2>
|
||||
<i />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
const [mobileOpen, setMobileOpen] = useState(false);
|
||||
const [activeSlide, setActiveSlide] = useState(0);
|
||||
const [query, setQuery] = useState("");
|
||||
const [searchOpen, setSearchOpen] = useState(false);
|
||||
const searchInput = useRef<HTMLInputElement>(null);
|
||||
|
||||
useEffect(() => {
|
||||
const timer = window.setInterval(
|
||||
() => setActiveSlide((current) => (current + 1) % heroSlides.length),
|
||||
6500,
|
||||
);
|
||||
return () => window.clearInterval(timer);
|
||||
}, []);
|
||||
|
||||
const results = useMemo(() => {
|
||||
const normalized = query.trim().toLowerCase();
|
||||
if (!normalized) return products.slice(0, 3);
|
||||
return products.filter((product) =>
|
||||
[product.title, product.en, product.category, product.code]
|
||||
.join(" ")
|
||||
.toLowerCase()
|
||||
.includes(normalized),
|
||||
);
|
||||
}, [query]);
|
||||
|
||||
const focusSearch = () => {
|
||||
document.getElementById("smart-search")?.scrollIntoView({
|
||||
behavior: "smooth",
|
||||
block: "center",
|
||||
});
|
||||
window.setTimeout(() => {
|
||||
searchInput.current?.focus();
|
||||
setSearchOpen(true);
|
||||
}, 500);
|
||||
};
|
||||
|
||||
const submitSearch = (event: FormEvent<HTMLFormElement>) => {
|
||||
event.preventDefault();
|
||||
setSearchOpen(true);
|
||||
};
|
||||
|
||||
return (
|
||||
<main>
|
||||
<div className="topbar">
|
||||
<div className="container topbar__inner">
|
||||
<p>
|
||||
<Sparkles size={14} />
|
||||
شریک تخصصی صنعت سیم و کابل ایران
|
||||
</p>
|
||||
<div>
|
||||
<a href="mailto:info@samanandish.com">
|
||||
<Mail size={14} />
|
||||
info@samanandish.com
|
||||
</a>
|
||||
<span />
|
||||
<a href="tel:+982188530256" dir="ltr">
|
||||
<Phone size={14} />
|
||||
+98 21 8853 0256
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<header className="header">
|
||||
<div className="container header__inner">
|
||||
<a className="logo" href="#" aria-label="سامان اندیش">
|
||||
<img src={`${assetBase}/KN83Drb6oI.png`} alt="سامان اندیش" />
|
||||
</a>
|
||||
<nav className="desktop-nav" aria-label="ناوبری اصلی">
|
||||
<a className="active" href="#">
|
||||
صفحه اصلی
|
||||
</a>
|
||||
<a href="#products">
|
||||
محصولات
|
||||
<ChevronDown size={14} />
|
||||
</a>
|
||||
<a href="#services">خدمات</a>
|
||||
<a href="#news">اخبار</a>
|
||||
<a href="/about-us">درباره ما</a>
|
||||
<a href="/contact-us">تماس با ما</a>
|
||||
</nav>
|
||||
<div className="header__actions">
|
||||
<button className="icon-button" onClick={focusSearch} aria-label="جستجو">
|
||||
<Search size={22} />
|
||||
</button>
|
||||
<button className="icon-button user-button" aria-label="حساب کاربری">
|
||||
<CircleUserRound size={22} />
|
||||
</button>
|
||||
<a className="header__cta" href="/contact-us">
|
||||
درخواست مشاوره
|
||||
<ArrowUpLeft size={17} />
|
||||
</a>
|
||||
<button
|
||||
className="mobile-toggle"
|
||||
onClick={() => setMobileOpen((open) => !open)}
|
||||
aria-label="منو"
|
||||
>
|
||||
{mobileOpen ? <X /> : <Menu />}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{mobileOpen && (
|
||||
<nav className="mobile-nav">
|
||||
{[
|
||||
["صفحه اصلی", "#"],
|
||||
["محصولات", "#products"],
|
||||
["خدمات", "#services"],
|
||||
["اخبار", "#news"],
|
||||
["درباره ما", "/about-us"],
|
||||
["تماس با ما", "/contact-us"],
|
||||
].map(([label, href]) => (
|
||||
<a key={label} href={href} onClick={() => setMobileOpen(false)}>
|
||||
{label}
|
||||
<ChevronLeft size={17} />
|
||||
</a>
|
||||
))}
|
||||
</nav>
|
||||
)}
|
||||
</header>
|
||||
|
||||
<section className="hero">
|
||||
{heroSlides.map((slide, index) => (
|
||||
<div
|
||||
className={`hero__slide ${index === activeSlide ? "is-active" : ""}`}
|
||||
key={slide.image}
|
||||
style={{ backgroundImage: `url("${slide.image}")` }}
|
||||
/>
|
||||
))}
|
||||
<div className="hero__overlay" />
|
||||
<div className="hero__pattern" />
|
||||
<div className="container hero__content">
|
||||
<div className="hero__copy">
|
||||
<p className="eyebrow">{heroSlides[activeSlide].eyebrow}</p>
|
||||
<h1>{heroSlides[activeSlide].title}</h1>
|
||||
<p className="hero__description">{heroSlides[activeSlide].text}</p>
|
||||
<div className="hero__buttons">
|
||||
<a className="button button--red" href="#products">
|
||||
مشاهده محصولات
|
||||
<ArrowLeft size={19} />
|
||||
</a>
|
||||
<a className="button button--glass" href="/about-us">
|
||||
درباره سامان اندیش
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="hero__stats" dir="ltr">
|
||||
<div>
|
||||
<strong>25+</strong>
|
||||
<span>YEARS EXPERIENCE</span>
|
||||
</div>
|
||||
<i />
|
||||
<div>
|
||||
<strong>120+</strong>
|
||||
<span>INDUSTRIAL MACHINES</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="hero__controls">
|
||||
<button
|
||||
onClick={() =>
|
||||
setActiveSlide(
|
||||
(activeSlide - 1 + heroSlides.length) % heroSlides.length,
|
||||
)
|
||||
}
|
||||
aria-label="اسلاید قبلی"
|
||||
>
|
||||
<ChevronRight />
|
||||
</button>
|
||||
<div>
|
||||
{heroSlides.map((slide, index) => (
|
||||
<button
|
||||
className={index === activeSlide ? "active" : ""}
|
||||
key={slide.image}
|
||||
onClick={() => setActiveSlide(index)}
|
||||
aria-label={`اسلاید ${index + 1}`}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
<button
|
||||
onClick={() => setActiveSlide((activeSlide + 1) % heroSlides.length)}
|
||||
aria-label="اسلاید بعدی"
|
||||
>
|
||||
<ChevronLeft />
|
||||
</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="search-panel" id="smart-search">
|
||||
<div className="container">
|
||||
<div className="search-card">
|
||||
<div className="search-card__title">
|
||||
<span>
|
||||
<Search size={26} />
|
||||
</span>
|
||||
<div>
|
||||
<strong>دنبال چه دستگاهی هستید؟</strong>
|
||||
<small>نام، مدل، برند یا دسته‌بندی را وارد کنید</small>
|
||||
</div>
|
||||
</div>
|
||||
<form onSubmit={submitSearch}>
|
||||
<input
|
||||
ref={searchInput}
|
||||
type="search"
|
||||
value={query}
|
||||
onChange={(event) => {
|
||||
setQuery(event.target.value);
|
||||
setSearchOpen(true);
|
||||
}}
|
||||
onFocus={() => setSearchOpen(true)}
|
||||
placeholder="مثلاً اکسترودر، دستگاه کشش یا Maillefer..."
|
||||
/>
|
||||
<button type="submit">
|
||||
جستجوی محصولات
|
||||
<Search size={18} />
|
||||
</button>
|
||||
</form>
|
||||
<div className="quick-search">
|
||||
<span>جستجوی سریع:</span>
|
||||
{["اکسترودر", "دستگاه کشش", "تیک‌آپ", "پی‌آف"].map((item) => (
|
||||
<button
|
||||
key={item}
|
||||
onClick={() => {
|
||||
setQuery(item);
|
||||
setSearchOpen(true);
|
||||
}}
|
||||
>
|
||||
{item}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
{searchOpen && (
|
||||
<div className="search-results">
|
||||
<div className="search-results__head">
|
||||
<span>{results.length} نتیجه پیشنهادی</span>
|
||||
<button onClick={() => setSearchOpen(false)} aria-label="بستن">
|
||||
<X size={17} />
|
||||
</button>
|
||||
</div>
|
||||
{results.length ? (
|
||||
results.map((product) => (
|
||||
<a href="#products" key={product.id}>
|
||||
<img src={product.image} alt="" />
|
||||
<div>
|
||||
<strong>{product.title}</strong>
|
||||
<small dir="ltr">{product.en}</small>
|
||||
</div>
|
||||
<span>{product.category}</span>
|
||||
<ChevronLeft size={18} />
|
||||
</a>
|
||||
))
|
||||
) : (
|
||||
<div className="empty-result">
|
||||
دستگاهی با این مشخصات پیدا نشد؛ برای راهنمایی با ما تماس بگیرید.
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="categories" id="services">
|
||||
<div className="container">
|
||||
<SectionTitle
|
||||
eyebrow="OUR EXPERTISE"
|
||||
title="سه مسیر، یک راهکار کامل صنعتی"
|
||||
/>
|
||||
<div className="category-grid">
|
||||
{categories.map((category, index) => (
|
||||
<a className="category-card" href="#" key={category.title}>
|
||||
<img src={category.image} alt={category.title} />
|
||||
<div className="category-card__shade" />
|
||||
<span className="category-card__number">0{index + 1}</span>
|
||||
<div className="category-card__content">
|
||||
<small>{category.en}</small>
|
||||
<h3>{category.title}</h3>
|
||||
<p>{category.count}</p>
|
||||
</div>
|
||||
<i>
|
||||
<ArrowUpLeft />
|
||||
</i>
|
||||
</a>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="products section-gray" id="products">
|
||||
<div className="container">
|
||||
<div className="section-heading-row">
|
||||
<SectionTitle eyebrow="SPECIAL MACHINERY" title="ماشین‌آلات منتخب" />
|
||||
<a className="text-link" href="#">
|
||||
مشاهده همه محصولات
|
||||
<ArrowLeft size={18} />
|
||||
</a>
|
||||
</div>
|
||||
<div className="product-grid">
|
||||
{products.map((product) => (
|
||||
<article className="product-card" key={product.id}>
|
||||
<a className="product-card__image" href="#">
|
||||
<img src={product.image} alt={product.title} />
|
||||
<span>فروش ویژه</span>
|
||||
<i>
|
||||
<ArrowUpLeft />
|
||||
</i>
|
||||
</a>
|
||||
<div className="product-card__body">
|
||||
<small>{product.category}</small>
|
||||
<h3>{product.title}</h3>
|
||||
<p dir="ltr">{product.en}</p>
|
||||
<div>
|
||||
<code>{product.code}</code>
|
||||
<a href="tel:+982188530256">
|
||||
استعلام قیمت
|
||||
<Phone size={15} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="about" id="about">
|
||||
<div className="container about__grid">
|
||||
<div className="about__visual">
|
||||
<img src={`${assetBase}/trEfzlNgmz.jpg`} alt="تجهیزات صنعتی سامان اندیش" />
|
||||
<div className="about__small-image">
|
||||
<img src={`${assetBase}/rhipZeVqzD.jpg`} alt="ماشین‌آلات صنعت کابل" />
|
||||
</div>
|
||||
<div className="experience-badge">
|
||||
<strong>۲۵</strong>
|
||||
<span>سال تجربه تخصصی</span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="about__content">
|
||||
<SectionTitle eyebrow="ABOUT SAMAN ANDISH" title="فراتر از تأمین‌کننده ماشین‌آلات" />
|
||||
<p className="about__lead">
|
||||
سامان اندیش، همراه فنی و تجاری تولیدکنندگان سیم و کابل در انتخاب
|
||||
هوشمندانه تجهیزات و توسعه خطوط تولید است.
|
||||
</p>
|
||||
<p>
|
||||
با تکیه بر تجربه اجرایی، شبکه بین‌المللی و شناخت دقیق فرآیندهای
|
||||
تولید، راهکاری متناسب با ظرفیت، بودجه و اهداف هر کارخانه ارائه
|
||||
می‌کنیم.
|
||||
</p>
|
||||
<div className="about__features">
|
||||
<div>
|
||||
<ShieldCheck />
|
||||
<span>
|
||||
<strong>تضمین اصالت</strong>
|
||||
ارزیابی فنی پیش از خرید
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<Settings />
|
||||
<span>
|
||||
<strong>پشتیبانی اجرایی</strong>
|
||||
نصب، راه‌اندازی و آموزش
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<a className="button button--navy" href="/about-us">
|
||||
بیشتر درباره ما
|
||||
<ArrowLeft size={18} />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="values">
|
||||
<div className="container values__grid">
|
||||
{[
|
||||
[Globe2, "رقابت در بازار جهانی", "GLOBAL COMPETITION"],
|
||||
[Gauge, "کیفیت استاندارد", "STANDARD QUALITY"],
|
||||
[BriefcaseBusiness, "مهندسی نوآورانه", "SMART ENGINEERING"],
|
||||
[FlaskConical, "تکنولوژی پیشرفته", "ADVANCED TECHNOLOGY"],
|
||||
].map(([Icon, title, en], index) => {
|
||||
const ValueIcon = Icon as typeof Globe2;
|
||||
return (
|
||||
<div className="value-card" key={title as string}>
|
||||
<span>0{index + 1}</span>
|
||||
<ValueIcon />
|
||||
<h3>{title as string}</h3>
|
||||
<p>{en as string}</p>
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="news" id="news">
|
||||
<div className="container">
|
||||
<div className="section-heading-row">
|
||||
<SectionTitle eyebrow="INSIGHTS & NEWS" title="دانش روز صنعت" />
|
||||
<a className="text-link" href="#">
|
||||
مشاهده همه اخبار
|
||||
<ArrowLeft size={18} />
|
||||
</a>
|
||||
</div>
|
||||
<div className="news-grid">
|
||||
{news.map((item, index) => (
|
||||
<article className={`news-card ${index === 0 ? "news-card--featured" : ""}`} key={item.title}>
|
||||
<a className="news-card__image" href="#">
|
||||
<img src={item.image} alt={item.title} />
|
||||
</a>
|
||||
<div className="news-card__body">
|
||||
<div>
|
||||
<span>{item.tag}</span>
|
||||
<time>{item.date}</time>
|
||||
</div>
|
||||
<h3>{item.title}</h3>
|
||||
<p>
|
||||
تازه‌ترین تحولات، فناوری‌ها و رویدادهای تخصصی صنعت سیم و
|
||||
کابل را با تحلیل کارشناسان سامان اندیش دنبال کنید.
|
||||
</p>
|
||||
<a href="#">
|
||||
ادامه مطلب
|
||||
<ArrowLeft size={17} />
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="customers">
|
||||
<div className="container">
|
||||
<SectionTitle eyebrow="TRUSTED BY INDUSTRY" title="مشتریان ما" />
|
||||
<div className="logo-marquee">
|
||||
<div>
|
||||
{[...customerLogos, ...customerLogos].map((logo, index) => (
|
||||
<span key={`${logo}-${index}`}>
|
||||
<img src={`${assetBase}/${logo}`} alt="نشان مشتری سامان اندیش" />
|
||||
</span>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="cta-strip">
|
||||
<div className="container cta-strip__inner">
|
||||
<div>
|
||||
<SlidersHorizontal />
|
||||
<span>
|
||||
<small>برای ارتقای خط تولید آماده‌اید؟</small>
|
||||
<strong>ماشین مناسب را با کمک متخصصان ما پیدا کنید.</strong>
|
||||
</span>
|
||||
</div>
|
||||
<a className="button button--white" href="/contact-us">
|
||||
شروع گفتگو
|
||||
<ArrowLeft size={18} />
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer className="footer" id="contact">
|
||||
<div className="footer__pattern" />
|
||||
<div className="container footer__grid">
|
||||
<div className="footer__brand">
|
||||
<img src={`${assetBase}/4eEq8S7FxV.png`} alt="سامان اندیش" />
|
||||
<p>
|
||||
تأمین‌کننده تخصصی ماشین‌آلات و راهکارهای فنی صنعت سیم و کابل، با
|
||||
تمرکز بر کیفیت، بهره‌وری و همکاری بلندمدت.
|
||||
</p>
|
||||
<div>
|
||||
<a href="#" aria-label="اینستاگرام">
|
||||
<Camera />
|
||||
</a>
|
||||
<a href="#" aria-label="لینکدین">
|
||||
<Link />
|
||||
</a>
|
||||
<a href="#" aria-label="تلگرام">
|
||||
<MessageCircle />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="footer__links">
|
||||
<h3>دسترسی سریع</h3>
|
||||
<a href="#">صفحه اصلی</a>
|
||||
<a href="#products">ماشین‌آلات</a>
|
||||
<a href="#news">اخبار و مقالات</a>
|
||||
<a href="/about-us">درباره ما</a>
|
||||
<a href="/contact-us">تماس با ما</a>
|
||||
</div>
|
||||
<div className="footer__links">
|
||||
<h3>خدمات ما</h3>
|
||||
<a href="#">تأمین ماشین‌آلات</a>
|
||||
<a href="#">خدمات فنی و مهندسی</a>
|
||||
<a href="#">مواد اولیه</a>
|
||||
<a href="/contact-us">مشاوره خرید</a>
|
||||
</div>
|
||||
<div className="footer__contact">
|
||||
<h3>با ما در ارتباط باشید</h3>
|
||||
<a href="tel:+982188530256">
|
||||
<span>
|
||||
<Phone />
|
||||
</span>
|
||||
<div>
|
||||
<small>شماره تماس</small>
|
||||
<strong dir="ltr">021 8853 0256</strong>
|
||||
</div>
|
||||
</a>
|
||||
<a href="mailto:info@samanandish.com">
|
||||
<span>
|
||||
<Mail />
|
||||
</span>
|
||||
<div>
|
||||
<small>ایمیل</small>
|
||||
<strong>info@samanandish.com</strong>
|
||||
</div>
|
||||
</a>
|
||||
<div className="address">
|
||||
<span>
|
||||
<MapPin />
|
||||
</span>
|
||||
<p>تهران، خیابان مطهری، خیابان ترکمنستان</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="container footer__bottom">
|
||||
<p>© ۱۴۰۵ سامان اندیش — تمامی حقوق محفوظ است.</p>
|
||||
<span dir="ltr">ENGINEERED FOR INDUSTRY</span>
|
||||
</div>
|
||||
</footer>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
import { defineConfig, globalIgnores } from "eslint/config";
|
||||
import nextVitals from "eslint-config-next/core-web-vitals";
|
||||
import nextTypescript from "eslint-config-next/typescript";
|
||||
|
||||
export default defineConfig([
|
||||
...nextVitals,
|
||||
...nextTypescript,
|
||||
{
|
||||
rules: {
|
||||
"@next/next/no-img-element": "off",
|
||||
},
|
||||
},
|
||||
globalIgnores([".next/**", "node_modules/**"]),
|
||||
]);
|
||||
Generated
+6259
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"name": "saman-andish",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"description": "Saman Andish industrial machinery homepage",
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start",
|
||||
"lint": "eslint ."
|
||||
},
|
||||
"keywords": [
|
||||
"nextjs",
|
||||
"industrial-machinery"
|
||||
],
|
||||
"dependencies": {
|
||||
"lucide-react": "^1.33.0",
|
||||
"next": "^16.3.2",
|
||||
"react": "^19.2.8",
|
||||
"react-dom": "^19.2.8"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/node": "^26.2.0",
|
||||
"@types/react": "^19.2.18",
|
||||
"@types/react-dom": "^19.2.5",
|
||||
"eslint": "^9.39.5",
|
||||
"eslint-config-next": "^16.3.2",
|
||||
"typescript": "^6.0.3"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "ES2017",
|
||||
"lib": ["dom", "dom.iterable", "esnext"],
|
||||
"allowJs": false,
|
||||
"skipLibCheck": true,
|
||||
"strict": true,
|
||||
"noEmit": true,
|
||||
"esModuleInterop": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "bundler",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"jsx": "react-jsx",
|
||||
"incremental": true,
|
||||
"plugins": [{ "name": "next" }],
|
||||
"paths": {
|
||||
"@/*": ["./*"]
|
||||
}
|
||||
},
|
||||
"include": [
|
||||
"next-env.d.ts",
|
||||
"**/*.ts",
|
||||
"**/*.tsx",
|
||||
".next/types/**/*.ts",
|
||||
".next/dev/types/**/*.ts"
|
||||
],
|
||||
"exclude": ["node_modules"]
|
||||
}
|
||||
Reference in New Issue
Block a user