alsooq-alsaudi/contact.html at main · sherow1982/alsooq-alsaudi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="ar" dir="rtl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تواصل معنا | السوق السعودي - دعم مباشر</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="icon" type="image/png" href="logo.png">
</head>

<body>
    <div class="topbar">
        <div class="topbar-content">
            <div class="topbar-left">
                <span>🏅 منتجات أصلية 100% بضمان السوق السعودي</span>
            </div>
            <div class="topbar-right">
                <span>📞 خدمة العملاء: +201110760081</span>
            </div>
        </div>
    </div>

    <header class="header">
        <div class="header-content">
            <div class="logo">
                <a href="index.html">
                    <img src="logo.png" alt="السوق السعودي">
                </a>
            </div>
            <nav class="nav-links" id="navLinks">
                <a href="index.html">الرئيسية</a>
                <a href="about.html">من نحن</a>
                <a href="contact.html">تواصل معنا</a>
                <a href="https://wa.me/201110760081" class="whatsapp-cta" target="_blank">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
                        <path
                            d="M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766 0-3.18-2.587-5.771-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217s.231.006.332.012c.109.006.252-.041.397.308.145.348.499 1.223.541 1.312.041.089.068.191.008.312-.06.121-.09.197-.181.302-.09.105-.19.235-.272.316-.09.09-.184.188-.079.365.105.177.465.766.997 1.239.685.611 1.26.802 1.437.89.177.089.282.075.387-.041.105-.116.443-.518.562-.695.119-.177.239-.148.405-.087.166.061 1.054.497 1.234.587s.3.135.344.209c.044.075.044.436-.1.841z" />
                    </svg>
                    <span>اطلب عبر واتساب</span>
                </a>
            </nav>
            <div class="menu-toggle" id="menuToggle">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header>

    <div class="container"
        style="max-width: 900px; margin: 60px auto; padding: 40px; background: white; border-radius: 12px; box-shadow: var(--shadow-md);">
        <h1 style="font-size: 2.5rem; color: var(--primary-color); margin-bottom: 20px; text-align: center;">تواصل معنا
        </h1>
        <p style="text-align: center; color: #666; margin-bottom: 40px; font-size: 1.1rem;">نحن هنا لخدمتك على مدار الساعة. تواصل معنا عبر الواتساب للرد السريع على استفساراتك</p>

        <div style="background: #f5f5f5; padding: 30px; border-radius: 12px; border: 1px solid #eee; margin-bottom: 30px;">
            <h2 style="font-size: 1.5rem; color: var(--primary-color); margin-bottom: 20px; border-right: 4px solid var(--accent-color); padding-right: 15px;">🂎 معلومات المؤسسة</h2>
            <p><strong>اسم المؤسسة:</strong> alsooq-alsaudi</p>
            <p><strong>العنوان:</strong> 6 أكتوبر، الجيزة 12365</p>
            <p><strong>الدولة الأم: </strong> مصر</p>
            <p><strong>الدولة المخدومة:</strong> المملكة العربية السعودية</p>
        </div>

        <div style="display: flex; justify-content: center; margin: 40px 0;">
            <div
                style="background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%); padding: 40px; border-radius: 15px; text-align: center; color: white; width: 100%; max-width: 400px; box-shadow: var(--shadow-md);">
                <div style="font-size: 60px; margin-bottom: 15px;">📱</div>
                <div style="font-size: 1.5rem; font-weight: bold; margin-bottom: 10px;">واتساب مباشر</div>
                <div style="font-size: 1.25rem; margin-bottom: 25px; opacity: 0.9;">+20 111 076 0081</div>
                <a href="https://wa.me/201110760081?text=مرحباً، لدي استفسار عن منتجاتكم" class="whatsapp-cta"
                    style="justify-content: center; animation: none;">
                    تواصل الآن
                </a>
            </div>
        </div>

        <div style="background: #f5f5f5; padding: 30px; border-radius: 12px; border: 1px solid #eee; margin-top: 40px;">
            <h2
                style="font-size: 1.5rem; color: var(--primary-color); margin-bottom: 20px; border-right: 4px solid var(--accent-color); padding-right: 15px;">
                طرق التواصل</h2>
            <p><strong>💮 البريد الإلكتروني:</strong> <a href="mailto:sherow1982@gmail.com" style="color: var(--primary-color);">sherow1982@gmail.com</a></p>
            <p><strong>🛍️ الموقع الإلكتروني:</strong> <a href="https://sherow1982.github.io/alsooq-alsaudi" style="color: var(--primary-color);">https://sherow1982.github.io/alsooq-alsaudi</a></p>
            <p><strong>📱 واتساب:</strong> +201110760081</p>
        </div>

        <div style="background: #fdfdfd; padding: 30px; border-radius: 12px; border: 1px solid #eee; margin-top: 30px;">
            <h2
                style="font-size: 1.5rem; color: var(--primary-color); margin-bottom: 20px; border-right: 4px solid var(--accent-color); padding-right: 15px;">
                ساعات العمل</h2>
            <p><strong>🕐 خدمة العملاء:</strong> متاحة 24 ساعة / 7 أيام في الأسبوع</p>
            <p><strong>معالجة الطلبات:</strong> من السبت إلى الخميس (9 صباحاً - 6 مساءً)</p>
            <p><strong>📮 الشحن:</strong> يتم شحن الطلبات خلال 1-3 أيام عمل</p>
        </div>

        <div style="background: #fdfdfd; padding: 30px; border-radius: 12px; border: 1px solid #eee; margin-top: 30px;">
            <h2
                style="font-size: 1.5rem; color: var(--primary-color); margin-bottom: 20px; border-right: 4px solid var(--accent-color); padding-right: 15px;">
                الأسئلة الشائعة</h2>
            <p style="margin-bottom: 15px;"><strong>س: كم يستغرق وصول الطلب?</strong><br>
                ج: يصل طلبك خلال 1-3 أيام عمل في جميع أنحاء المملكة.</p>

            <p style="margin-bottom: 15px;"><strong>س: هل الشحن مجاني?</strong><br>
                ج: نعم، الشحن مجاني لجميع أنحاء المملكة العربية السعودية.</p>

            <p><strong>س: هل يمكنني إرجاع المنتج?</strong><br>
                ج: نعم، يمكنك الإرجاع خلال 14 يوم من تاريخ الاستلام بشروط معينة. راجع سياسة الإرجاع للتفاصيل.</p>
        </div>
    </div>

    <a href="https://wa.me/201110760081" class="floating-whatsapp" target="_blank" title="تواصل معنا بالواتساب">
        <svg viewBox="0 0 24 24" fill="currentColor">
            <path
                d="M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.582 2.128 2.182-.573c.978.58 1.911.928 3.145.929 3.178 0 5.767-2.587 5.768-5.766 0-3.18-2.587-5.771-5.764-5.771zm3.392 8.244c-.144.405-.837.774-1.17.824-.299.045-.677.063-1.092-.069-.252-.08-.575-.187-.988-.365-1.739-.751-2.874-2.502-2.961-2.617-.087-.116-.708-.94-.708-1.793s.448-1.273.607-1.446c.159-.173.346-.217.462-.217s.231.006.332.012c.109.006.252-.041.397.308.145.348.499 1.223.541 1.312.041.089.068.191.008.312-.06.121-.09.197-.181.302-.09.105-.19.235-.272.316-.09.09-.184.188-.079.365.105.177.465.766.997 1.239.685.611 1.26.802 1.437.89.177.089.282.075.387-.041.105-.116.443-.518.562-.695.119-.177.239-.148.405-.087.166.061 1.054.497 1.234.587s.3.135.344.209c.044.075.044.436-.1.841z" />
        </svg>
    </a>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h3>عن السوق السعودي</h3>
                <p>نحن وجهتك الأولى لتسوق أفضل المنتجات الأصلية في المملكة، نجمع بين الجودة والفخامة وخدمة التوصيل السريع لضمان أفضل تجربة تسوق.</p>
                <p style="margin-top: 15px; font-size: 0.9rem; color: #666;">
                    <strong>معلومات المؤسسة:</strong><br>
                    <strong>اسم المؤسسة:</strong> alsooq-alsaudi<br>
                    <strong>العنوان:</strong> 6 أكتوبر، الجيزة 12365، مصر<br>
                    <strong>الدولة:</strong> مصر<br>
                    <strong>خدمة للعملاء في:</strong> المملكة العربية السعودية
                </p>
            </div>
            <div class="footer-section">
                <h3>روابط سريعة</h3>
                <ul class="footer-links">
                    <li><a href="index.html">الرئيسية</a></li>
                    <li><a href="about.html">من نحن</a></li>
                    <li><a href="contact.html">تواصل معنا</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>السياسات القانونية</h3>
                <ul class="footer-links">
                    <li><a href="shipping.html">سياسة الشحن</a></li>
                    <li><a href="return-policy.html">سياسة الإرجاع</a></li>
                    <li><a href="terms.html">الشروط والأحكام</a></li>
                    <li><a href="privacy.html">سياسة الخصوصية</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>معلومات التواصل</h3>
                <p><strong>الموقع الإلكتروني:</strong></p>
                <p><a href="https://sherow1982.github.io/alsooq-alsaudi" style="color: var(--accent-color);">https://sherow1982.github.io/alsooq-alsaudi</a></p>
                <p style="margin-top: 15px;"><strong>البريد الإلكتروني:</strong></p>
                <p><a href="mailto:sherow1982@gmail.com" style="color: var(--accent-color);">sherow1982@gmail.com</a></p>
                <p style="margin-top: 15px; color: var(--accent-color); font-weight: bold; font-size: 1.1rem;">📞 واتساب: +201110760081</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>جميع الحقوق محفوظة &copy; 2024 السوق السعودي - فخامة التسوق بين يديك</p>
            <p style="font-size: 0.85rem; margin-top: 10px; color: #888;">
                <strong>المؤسسة:</strong> alsooq-alsaudi | <strong>العنوان:</strong> 6 أكتوبر، الجيزة 12365، مصر | <strong>البريد:</strong> sherow1982@gmail.com | <strong>الهاتف:</strong> +201110760081
            </p>
        </div>
    </footer>
    <script>
        // Mobile Menu Toggle
        const menuToggle = document.getElementById('menuToggle');
        const navLinks = document.getElementById('navLinks');

        menuToggle.addEventListener('click', () => {
            navLinks.classList.toggle('active');
            menuToggle.classList.toggle('active');
        });

        // Close menu when clicking a link
        document.querySelectorAll('.nav-links a').forEach(link => {
            link.addEventListener('click', () => {
                navLinks.classList.remove('active');
            });
        });
    </script>
</body>

</html>