Initial commit

src/app/contact/page.tsx

@@ -0,0 +1,94 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import Link from 'next/link';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="mediumSmall"
+      sizing="largeSizeMediumTitles"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen 
+          brandName="Upcycled Threads"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Shop", id: "/shop" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          bottomLeftText="Sustainable Fashion"
+          bottomRightText="hello@upcycledthreads.com"
+        />
+      </div>
+
+      <div id="contact-main" data-section="contact-main">
+        <ContactText 
+          text="Ready to discover your perfect upcycled piece? Get in touch with questions, custom requests, or just to share your passion for sustainable fashion."
+          animationType="entrance-slide"
+          useInvertedBackground="noInvert"
+          buttons={[
+            { text: "Email Me", href: "mailto:hello@upcycledthreads.com" },
+            { text: "Instagram", href: "https://instagram.com" }
+          ]}
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqSplitText 
+          sideTitle="Frequently Asked Questions"
+          sideDescription="Everything you need to know about our upcycled fashion and ordering process"
+          textPosition="left"
+          useInvertedBackground="invertDefault"
+          faqs={[
+            {
+              id: "1",
+              title: "Are all pieces truly one-of-a-kind?",
+              content: "Yes! Each garment is handcrafted from unique vintage and secondhand materials. While I may create similar styles, no two pieces are exactly alike. This is what makes upcycled fashion so special."
+            },
+            {
+              id: "2",
+              title: "How are garments sized?",
+              content: "Each item includes detailed measurements and sizing information. Since pieces are upcycled, they may vary slightly. I recommend checking the specific measurements for your chosen garment."
+            },
+            {
+              id: "3",
+              title: "What materials do you use?",
+              content: "I source vintage clothing, deadstock fabrics, and quality secondhand garments. All materials are carefully selected for durability and beauty. No virgin polyester—only sustainable choices."
+            },
+            {
+              id: "4",
+              title: "How long does shipping take?",
+              content: "Orders are handcrafted to order. Typical processing time is 2-3 weeks, plus 5-10 business days for shipping within Europe. Custom requests may take longer."
+            },
+            {
+              id: "5",
+              title: "Can I request custom pieces?",
+              content: "Absolutely! I love creating custom upcycled pieces. Please reach out with your vision, and we can discuss materials, style, and timeline for your unique garment."
+            },
+            {
+              id: "6",
+              title: "What's your return policy?",
+              content: "Since each piece is handcrafted and unique, returns are accepted within 14 days if the item is unworn and in original condition. Please contact me to discuss any issues."
+            }
+          ]}
+        />
+      </div>
+
+      <FooterLogoReveal logoText="Upcycled Threads" />
+    </ThemeProvider>
+  );
+}