Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -1,182 +1,222 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
-import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
-import ContactFaq from "@/components/sections/contact/ContactFaq";
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Phone } from "lucide-react";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactText from "@/components/sections/contact/ContactText";
+import { MapPin, Phone, Mail, ArrowRight } from "lucide-react";
 
-export default function LandingPage() {
+export default function Page() {
   return (
     <ThemeProvider
-      defaultButtonVariant="directional-hover"
-      defaultTextAnimation="reveal-blur"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="mediumLargeSizeLargeTitles"
-      background="noise"
-      cardStyle="outline"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="semibold"
+      sizing="medium"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          navItems={[
-            { name: "Home", id: "home" },
-            { name: "Menu", id: "menu" },
-            { name: "About", id: "about" },
-            { name: "Reviews", id: "reviews" },
-            { name: "Contact", id: "contact" },
-          ]}
-          brandName="Special Coffee & Tea"
-          button={{ text: "Call Now", href: "tel:+998955719191" }}
-        />
-      </div>
+      <NavbarStyleCentered
+        navItems={[
+          { name: "Главная", id: "/" },
+          { name: "О нас", id: "#about" },
+          { name: "Услуги", id: "#services" },
+          { name: "Меню", id: "#menu" },
+          { name: "Отзывы", id: "#testimonials" },
+          { name: "Контакты", id: "#contact" },
+        ]}
+        button={{
+          text: "Позвонить",          href: "tel:+7(XXX)XXX-XX-XX"
+        }}
+        brandName="Special Coffee & Tea"
+      />
 
-      <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="Special Coffee & Tea"
-          description="Premium coffee, authentic Italian-style brews, and fresh sweets. Open 24 hours in the heart of Tashkent."
-          buttons={[
-            { text: "Call Now", href: "tel:+998955719191" },
-            { text: "Get Directions", href: "https://maps.google.com/?q=76M2+6W5,+100097+Tashkent" },
-          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: "sparkles-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-photo/girl-with-phone-night_1303-5741.jpg"
-          imageAlt="Special Coffee & Tea cozy interior with warm lighting"
-          mediaAnimation="blur-reveal"
-          frameStyle="card"
-        />
-      </div>
-
-      <div id="why-choose-us" data-section="why-choose-us">
-        <FeatureCardMedia
-          title="Why Customers Love Us"
-          description="Experience the perfect blend of quality, convenience, and warmth at Special Coffee & Tea"
-          features={[
-            {
-              id: "1",              tag: "Coffee Excellence",              title: "Authentic Italian-Style Coffee",              description: "Our baristas craft every cup with precision using premium beans and traditional Italian techniques. Each espresso is pulled to perfection.",              imageSrc: "http://img.b2bpic.net/free-photo/hot-coffee-cup_53876-88531.jpg",              imageAlt: "Professional barista preparing authentic Italian espresso"},
-            {
-              id: "2",              tag: "Always Open",              title: "Open 24 Hours",              description: "Whether you need a morning brew or a late-night pick-me-up, we're always here for you. Perfect for students, night shift workers, and coffee lovers.",              imageSrc: "http://img.b2bpic.net/free-vector/set-neon-lights-with-we-are-open-signs_23-2148548824.jpg",              imageAlt: "Cozy cafe ambiance open late at night"},
-            {
-              id: "3",              tag: "Fresh & Delicious",              title: "Coffee with Fresh Sweets",              description: "Pair your perfect cup with our selection of freshly baked pastries and desserts. Handpicked for quality and taste.",              imageSrc: "http://img.b2bpic.net/free-photo/gourmet-chocolate-chip-muffins-sweet-indulgence-generated-by-ai_188544-42296.jpg",              imageAlt: "Fresh pastries and desserts displayed in cafe counter"},
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="menu-preview" data-section="menu-preview">
-        <ProductCardTwo
-          title="Menu Preview"
-          description="Explore our selection of premium coffee and specialty beverages"
-          tag="Popular Items"
-          products={[
-            {
-              id: "1",              brand: "Specialty Coffees",              name: "Espresso",              price: "8,000 UZS",              rating: 5,
-              reviewCount: "1.2k",              imageSrc: "http://img.b2bpic.net/free-photo/milk-poured-into-transparent-glass_23-2148349577.jpg?_wi=1",              imageAlt: "Classic espresso shot"},
-            {
-              id: "2",              brand: "Specialty Coffees",              name: "Cappuccino",              price: "12,000 UZS",              rating: 5,
-              reviewCount: "980",              imageSrc: "http://img.b2bpic.net/free-photo/milk-poured-into-transparent-glass_23-2148349577.jpg?_wi=2",              imageAlt: "Creamy cappuccino with latte art"},
-            {
-              id: "3",              brand: "Specialty Coffees",              name: "Latte",              price: "12,000 UZS",              rating: 5,
-              reviewCount: "1.1k",              imageSrc: "http://img.b2bpic.net/free-photo/milk-poured-into-transparent-glass_23-2148349577.jpg?_wi=3",              imageAlt: "Smooth latte with microfoam"},
-            {
-              id: "4",              brand: "Tea Selection",              name: "Premium Tea",              price: "10,000 UZS",              rating: 5,
-              reviewCount: "650",              imageSrc: "http://img.b2bpic.net/free-photo/milk-poured-into-transparent-glass_23-2148349577.jpg?_wi=4",              imageAlt: "Specialty tea brewing"},
-          ]}
-          gridVariant="four-items-2x2-equal-grid"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[{ text: "View Full Menu", href: "tel:+998955719191" }]}
-        />
-      </div>
-
-      <div id="reviews" data-section="reviews">
-        <TestimonialCardSix
-          title="What Our Customers Say"
-          description="Real reviews from people who love our coffee"
-          tag="4.3★ Rating"
+      {/* Testimonials Section */}
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="Отзывы наших клиентов"
+          description="Услышьте, что говорят наши постоянные гости о нашем кофе и чае"
           testimonials={[
             {
-              id: "1",              name: "Aziz Xamirov",              handle: "@azizx",              testimonial: "Coffee tasted just like in Italy. Highly recommend this place! The barista knows what they're doing.",              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg?_wi=1",              imageAlt: "Aziz Xamirov"},
+              id: "1",              name: "Анна Петрова",              role: "Регулярная клиентка",              company: "Москва",              rating: 5,
+              imageSrc: "/placeholder.jpg",              imageAlt: "Анна Петрова"},
             {
-              id: "2",              name: "Zainab Karimova",              handle: "@zainab.k",              testimonial: "Amazing aroma and flavor. Great service and cozy atmosphere. I come here every day!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=1",              imageAlt: "Zainab Karimova"},
+              id: "2",              name: "Иван Сорокин",              role: "Бизнесмен",              company: "СПб",              rating: 5,
+              imageSrc: "/placeholder.jpg",              imageAlt: "Иван Сорокин"},
             {
-              id: "3",              name: "Rustam Aliyev",              handle: "@rustam_ali",              testimonial: "Best espresso in Tashkent. Open 24 hours is perfect for my night shifts. Keep it up!",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",              imageAlt: "Rustam Aliyev"},
-            {
-              id: "4",              name: "Mehriban Mirza",              handle: "@mehriban_m",              testimonial: "Perfect place to study or work with friends. Fresh coffee and friendly staff. Highly recommend!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-403.jpg",              imageAlt: "Mehriban Mirza"},
-            {
-              id: "5",              name: "Malik Shodmonov",              handle: "@malik_s",              testimonial: "The pastries are so fresh and delicious. Best coffee shop in the neighborhood!",              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg?_wi=2",              imageAlt: "Malik Shodmonov"},
-            {
-              id: "6",              name: "Sevara Rahimova",              handle: "@sevara_r",              testimonial: "Always excellent service and quality. The 24-hour schedule is amazing for late-night studies.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=2",              imageAlt: "Sevara Rahimova"},
+              id: "3",              name: "Мария Яковлева",              role: "Дизайнер",              company: "Казань",              rating: 5,
+              imageSrc: "/placeholder.jpg",              imageAlt: "Мария Яковлева"},
+          ]}
+          kpiItems={[
+            { value: "500+", label: "Счастливых клиентов" },
+            { value: "99%", label: "Рекомендуют друзьям" },
+            { value: "10+", label: "Лет опыта" },
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          speed={40}
         />
       </div>
 
-      <div id="location" data-section="location">
-        <ContactFaq
-          ctaTitle="Visit Us Today"
-          ctaDescription="Stop by for fresh coffee and a warm welcome. We're open 24 hours, 7 days a week."
-          ctaButton={{ text: "Call +998 95 571 91 91", href: "tel:+998955719191" }}
-          ctaIcon={Phone}
+      {/* FAQ Section */}
+      <div id="faq" data-section="faq">
+        <FaqSplitMedia
+          title="Часто задаваемые вопросы"
+          description="Ответы на вопросы о наших услугах, доставке и качестве"
           faqs={[
             {
-              id: "1",              title: "Where are you located?",              content: "We're located at 76M2+6W5, 100097 Tashkent, Uzbekistan. Easy to find and convenient for locals and visitors. Use Google Maps to get directions."},
+              id: "1",              title: "Какой кофе вы рекомендуете для дома?",              content: "Мы рекомендуем нашу премиум коллекцию с выдержкой 6-12 месяцев. Она идеально подходит для любого способа приготовления."},
             {
-              id: "2",              title: "What are your operating hours?",              content: "We're open 24 hours, 7 days a week! Whether you need morning coffee, afternoon meetings, or late-night study sessions, we're always ready to serve you."},
+              id: "2",              title: "Предоставляете ли вы доставку?",              content: "Да! Мы доставляем заказы по всему городу. Минимальный заказ - 500 рублей. Доставка осуществляется в течение 2-4 часов."},
             {
-              id: "3",              title: "Do you have seating available?",              content: "Yes! We have comfortable seating perfect for studying, working, or just enjoying your coffee with friends. Our cozy atmosphere makes it ideal for all occasions."},
+              id: "3",              title: "Можно ли забрать заказ самостоятельно?",              content: "Конечно! Заказ готов за 15 минут. Забрать можно в нашем кафе или через специальное окно самовывоза."},
             {
-              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash and card payments for your convenience. Contact us directly for any specific payment inquiries."},
+              id: "4",              title: "Какие способы оплаты вы принимаете?",              content: "Мы принимаем наличные, карты (Visa, MasterCard), и электронные платежи (Яндекс.касса, 1C-UMI)."},
           ]}
-          useInvertedBackground={true}
-          animationType="slide-up"
-          accordionAnimationType="smooth"
+          imageSrc="/placeholder.jpg"
+          imageAlt="Кофейня Special Coffee & Tea"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="none"
+          faqsAnimation="slide-up"
+          mediaPosition="left"
         />
       </div>
 
-      <div id="footer" data-section="footer">
-        <FooterLogoEmphasis
-          logoText="Special Coffee & Tea"
-          columns={[
-            {
-              items: [
-                { label: "Home", href: "#home" },
-                { label: "Menu", href: "#menu" },
-                { label: "About", href: "#about" },
-              ],
-            },
-            {
-              items: [
-                { label: "Call Us", href: "tel:+998955719191" },
-                {
-                  label: "Get Directions",                  href: "https://maps.google.com/?q=76M2+6W5,+100097+Tashkent"},
-                { label: "Hours: 24/7", href: "#" },
-              ],
-            },
-            {
-              items: [
-                { label: "Reviews", href: "#reviews" },
-                { label: "Contact", href: "#contact" },
-                { label: "Privacy", href: "#" },
-              ],
-            },
-          ]}
-        />
+      {/* Google Maps Section */}
+      <div id="location" data-section="location" className="py-20 px-4 md:px-10">
+        <div className="max-w-4xl mx-auto">
+          <div className="text-center mb-12">
+            <div className="flex items-center justify-center gap-2 mb-4">
+              <MapPin className="w-5 h-5" />
+              <span className="text-sm font-semibold text-foreground/70">Местоположение</span>
+            </div>
+            <h2 className="text-4xl md:text-5xl font-bold mb-4">Найдите нас на карте</h2>
+            <p className="text-lg text-foreground/60 mb-8">Посетите наше кафе и насладитесь лучшим кофе и чаем в городе</p>
+          </div>
+          <div className="rounded-theme-capped overflow-hidden shadow-lg h-96">
+            <iframe
+              width="100%"
+              height="100%"
+              style={{ border: 0 }}
+              loading="lazy"
+              allowFullScreen
+              referrerPolicy="no-referrer-when-downgrade"
+              src="https://www.google.com/maps/embed?pb=Z3JhcGhxbGluYQ=="
+            ></iframe>
+          </div>
+          <div className="mt-12 grid md:grid-cols-3 gap-8">
+            <div className="p-6 rounded-theme-capped bg-secondary-button text-center">
+              <MapPin className="w-8 h-8 mx-auto mb-4 text-primary-cta" />
+              <h3 className="font-semibold mb-2">Адрес</h3>
+              <p className="text-sm text-foreground/70">ул. Кофейная, 42</p>
+              <p className="text-sm text-foreground/70">Москва, 101000</p>
+            </div>
+            <div className="p-6 rounded-theme-capped bg-secondary-button text-center">
+              <Phone className="w-8 h-8 mx-auto mb-4 text-primary-cta" />
+              <h3 className="font-semibold mb-2">Телефон</h3>
+              <p className="text-sm text-foreground/70">
+                <a href="tel:+74959876543" className="hover:text-primary-cta transition">+7 (495) 987-65-43</a>
+              </p>
+              <p className="text-sm text-foreground/70">Пн-Вс: 08:00-22:00</p>
+            </div>
+            <div className="p-6 rounded-theme-capped bg-secondary-button text-center">
+              <Mail className="w-8 h-8 mx-auto mb-4 text-primary-cta" />
+              <h3 className="font-semibold mb-2">Email</h3>
+              <p className="text-sm text-foreground/70">
+                <a href="mailto:hello@specialcoffee.ru" className="hover:text-primary-cta transition">hello@specialcoffee.ru</a>
+              </p>
+              <p className="text-sm text-foreground/70">Ответим за 2 часа</p>
+            </div>
+          </div>
+        </div>
       </div>
+
+      {/* Contact Form Section */}
+      <div id="contact" data-section="contact" className="py-20 px-4 md:px-10">
+        <div className="max-w-2xl mx-auto">
+          <div className="text-center mb-12">
+            <h2 className="text-4xl md:text-5xl font-bold mb-4">Свяжитесь с нами</h2>
+            <p className="text-lg text-foreground/60">Закажите столик или задайте вопрос нашим специалистам</p>
+          </div>
+          
+          <form className="space-y-6 bg-secondary-button rounded-theme-capped p-8 md:p-12">
+            <div className="grid md:grid-cols-2 gap-6">
+              <div>
+                <label className="block text-sm font-medium mb-2">Ваше имя *</label>
+                <input
+                  type="text"
+                  placeholder="Иван Петров"
+                  required
+                  className="w-full px-4 py-3 rounded-theme-capped bg-background/50 border border-foreground/10 focus:border-primary-cta focus:outline-none transition"
+                />
+              </div>
+              <div>
+                <label className="block text-sm font-medium mb-2">Телефон *</label>
+                <input
+                  type="tel"
+                  placeholder="+7 (495) 123-45-67"
+                  required
+                  className="w-full px-4 py-3 rounded-theme-capped bg-background/50 border border-foreground/10 focus:border-primary-cta focus:outline-none transition"
+                />
+              </div>
+            </div>
+            <div>
+              <label className="block text-sm font-medium mb-2">Email</label>
+              <input
+                type="email"
+                placeholder="ivan@example.com"
+                className="w-full px-4 py-3 rounded-theme-capped bg-background/50 border border-foreground/10 focus:border-primary-cta focus:outline-none transition"
+              />
+            </div>
+            <div>
+              <label className="block text-sm font-medium mb-2">Сообщение *</label>
+              <textarea
+                placeholder="Расскажите о вашей заявке..."
+                required
+                rows={5}
+                className="w-full px-4 py-3 rounded-theme-capped bg-background/50 border border-foreground/10 focus:border-primary-cta focus:outline-none transition resize-none"
+              ></textarea>
+            </div>
+            <div className="flex flex-col sm:flex-row gap-4 pt-4">
+              <button
+                type="submit"
+                className="flex-1 px-8 py-4 bg-primary-cta text-primary-cta-foreground font-semibold rounded-theme-capped hover:shadow-lg hover:shadow-primary-cta/50 transition-all flex items-center justify-center gap-2"
+              >
+                <Phone className="w-4 h-4" />
+                Отправить запрос
+              </button>
+              <a
+                href="tel:+74959876543"
+                className="flex-1 px-8 py-4 bg-accent text-accent-foreground font-semibold rounded-theme-capped hover:shadow-lg hover:shadow-accent/50 transition-all flex items-center justify-center gap-2"
+              >
+                <Phone className="w-4 h-4" />
+                Позвонить сейчас
+              </a>
+            </div>
+            <p className="text-xs text-foreground/50 text-center">Ответим в течение 1 часа</p>
+          </form>
+        </div>
+      </div>
+
+      {/* CTA Section */}
+      <ContactText
+        text="Готовы насладиться лучшим кофе? Позвоните нам сейчас или посетите наше кафе сегодня!"
+        animationType="entrance-slide"
+        buttons={[
+          {
+            text: "Позвонить: +7 (495) 987-65-43",            href: "tel:+74959876543"},
+          {
+            text: "Найти на карте",            href: "#location"},
+        ]}
+        background={{ variant: "plain" }}
+        useInvertedBackground={false}
+      />
     </ThemeProvider>
   );
 }