Add src/app/support/page.tsx

src/app/support/page.tsx

@@ -0,0 +1,107 @@
+"use client"
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Instagram, Facebook, Twitter, Mail } from "lucide-react";
+
+export default function SupportPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumLarge"
+      background="blurBottom"
+      cardStyle="solid"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Gus"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonials" },
+            { name: "Contact", id: "contact" },
+            { name: "Privacy", id: "/privacy" },
+            { name: "Terms", id: "/terms" }
+          ]}
+          button={{
+            text: "Shop Now",            href: "/shop"
+          }}
+        />
+      </div>
+
+      <main className="min-h-screen pt-32 pb-20">
+        <div className="mx-auto max-w-2xl px-4">
+          <section className="mb-12">
+            <h1 className="text-4xl font-bold mb-4 text-foreground">Support & Contact</h1>
+            <p className="text-lg text-foreground/80 mb-8">We're here to help! Get in touch with us for any questions or concerns about your Gus products.</p>
+          </section>
+
+          <section className="mb-12 p-8 rounded-theme bg-card">
+            <h2 className="text-2xl font-bold mb-4 text-foreground">Get in Touch</h2>
+            <div className="flex items-center gap-3 mb-6">
+              <Mail className="w-6 h-6 text-primary-cta" />
+              <div>
+                <p className="text-sm text-foreground/60">Email us at</p>
+                <a href="mailto:nikolay@blagmail.com" className="text-lg font-semibold text-primary-cta hover:underline">
+                  nikolay@blagmail.com
+                </a>
+              </div>
+            </div>
+            <p className="text-foreground/80">We typically respond to all inquiries within 24 hours during business days.</p>
+          </section>
+
+          <section className="mb-12">
+            <h2 className="text-2xl font-bold mb-6 text-foreground">Frequently Asked Questions</h2>
+            <div className="space-y-4">
+              <details className="p-4 rounded-theme bg-card cursor-pointer hover:bg-accent/10 transition-colors">
+                <summary className="font-semibold text-foreground">What is your return policy?</summary>
+                <p className="mt-3 text-foreground/80">We offer a 30-day money-back guarantee on all products. Items must be unused and in original packaging.</p>
+              </details>
+              <details className="p-4 rounded-theme bg-card cursor-pointer hover:bg-accent/10 transition-colors">
+                <summary className="font-semibold text-foreground">How long does shipping take?</summary>
+                <p className="mt-3 text-foreground/80">Standard shipping takes 5-7 business days. Express shipping options are available at checkout.</p>
+              </details>
+              <details className="p-4 rounded-theme bg-card cursor-pointer hover:bg-accent/10 transition-colors">
+                <summary className="font-semibold text-foreground">Are your cups microwave safe?</summary>
+                <p className="mt-3 text-foreground/80">Yes, all our Gus ceramic cups are microwave and dishwasher safe. Hand washing is recommended to preserve the glaze.</p>
+              </details>
+              <details className="p-4 rounded-theme bg-card cursor-pointer hover:bg-accent/10 transition-colors">
+                <summary className="font-semibold text-foreground">Do you offer bulk orders or corporate gifts?</summary>
+                <p className="mt-3 text-foreground/80">Yes! We offer special pricing for bulk orders and corporate gifting. Contact us at nikolay@blagmail.com for details.</p>
+              </details>
+            </div>
+          </section>
+        </div>
+      </main>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Gus"
+          copyrightText="© 2025 Gus Premium Cups | All rights reserved"
+          socialLinks={[
+            {
+              icon: Instagram,
+              href: "https://instagram.com/guscups",              ariaLabel: "Instagram"
+            },
+            {
+              icon: Facebook,
+              href: "https://facebook.com/guscups",              ariaLabel: "Facebook"
+            },
+            {
+              icon: Twitter,
+              href: "https://twitter.com/guscups",              ariaLabel: "Twitter"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}