Update src/app/styles/variables.css

Merge version_2 into main

src/app/about/page.tsx

@@ -20,7 +20,8 @@ export default function AboutPage() {
 
   const footerColumns = [
     {
-      title: "Navigate",      items: [
+      title: "Navigate",
+      items: [
         { label: "Home", href: "/" },
         { label: "Shop", href: "/#products" },
         { label: "Donate", href: "/donate" },
@@ -28,7 +29,8 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Community",      items: [
+      title: "Community",
+      items: [
         { label: "Get Involved", href: "/donate" },
         { label: "Volunteer", href: "/donate" },
         { label: "Events", href: "/donate" },
@@ -36,7 +38,8 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Support",      items: [
+      title: "Support",
+      items: [
         { label: "FAQ", href: "/#faq" },
         { label: "Contact", href: "/donate" },
         { label: "Shipping Info", href: "#" },
@@ -44,7 +47,8 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Legal",      items: [
+      title: "Legal",
+      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -70,19 +74,26 @@ export default function AboutPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Donate Clothing",            href: "/donate"}}
+            text: "Donate Clothing",
+            href: "/donate",
+          }}
           brandName="The Traveling Thread"
         />
       </div>
 
       <div id="about-mission" data-section="about-mission">
         <TextSplitAbout
-          title="Our Mission: Teaching Through Upcycling"
+          title="Our Mission"
           description={[
-            "The Traveling Thread is built on the belief that fashion can be a force for good. We operate from our 35-foot blue bird and travel to communities, teaching others how to upcycle clothing and old event pieces into sustainable treasures that connect generations.",            "We collect clothing donations, teach hands-on upcycling workshops, transform donated fashion and forgotten textiles into unique pieces, sell sustainable fashion at affordable prices, support artisan designers, and reinvest 50% of profits into community programs that strengthen families and protect our planet.",            "Our vision is a world where clothing and old events inspire learning, where upcycling connects generations, where sustainable practice protects the environment, and where communities are empowered to thrive together through creativity and connection."]}
+            "The Traveling Thread is built on the belief that fashion can be a force for good. We transform donated clothing into opportunity, creating pathways for intergenerational connection and environmental action.",
+            "We reduce fast fashion waste by collecting and upcycling clothing, sell sustainable fashion at affordable prices, support artisan designers, and reinvest 50% of profits into community programs that strengthen families and protect our planet.",
+            "Our vision is a world where clothing connects generations, protects the environment, and empowers communities to thrive together.",
+          ]}
           buttons={[
             {
-              text: "Join Our Community",              href: "/donate"},
+              text: "Join Our Community",
+              href: "/donate",
+            },
           ]}
           buttonAnimation="slide-up"
           showBorder={true}
@@ -93,17 +104,29 @@ export default function AboutPage() {
       <div id="team" data-section="team">
         <TeamCardSix
           title="Meet Our Team"
-          description="Passionate community leaders working together to transform fashion, teach sustainable practices, and create lasting opportunity."
+          description="Passionate community leaders working together to transform fashion and create lasting opportunity."
           tag="Our Community"
           tagIcon={Users}
           tagAnimation="slide-up"
           members={[
             {
-              id: "1",              name: "Sarah Mitchell",              role: "Founder & Community Director",              imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg?_wi=2"},
+              id: "1",
+              name: "Sarah Mitchell",
+              role: "Founder & Community Director",
+              imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg?_wi=2",
+            },
             {
-              id: "2",              name: "Marcus Lee",              role: "Upcycling Designer Lead",              imageSrc: "http://img.b2bpic.net/free-photo/glassblower-polishing-grinding-glassware_107420-74259.jpg?_wi=2"},
+              id: "2",
+              name: "Marcus Lee",
+              role: "Upcycling Designer Lead",
+              imageSrc: "http://img.b2bpic.net/free-photo/glassblower-polishing-grinding-glassware_107420-74259.jpg?_wi=2",
+            },
             {
-              id: "3",              name: "Eleanor Johnson",              role: "Senior Mentor & Guide",              imageSrc: "http://img.b2bpic.net/free-photo/child-spending-time-with-their-parents_23-2149453363.jpg?_wi=2"},
+              id: "3",
+              name: "Eleanor Johnson",
+              role: "Senior Mentor & Guide",
+              imageSrc: "http://img.b2bpic.net/free-photo/child-spending-time-with-their-parents_23-2149453363.jpg?_wi=2",
+            },
           ]}
           gridVariant="uniform-all-items-equal"
           animationType="slide-up"
@@ -114,18 +137,26 @@ export default function AboutPage() {
 
       <div id="community-story" data-section="community-story">
         <TestimonialCardFifteen
-          testimonial="Working with The Traveling Thread has been transformative. What started as a simple donation became a path to learning, connection, and purpose. This organization truly understands that fashion, community, sustainability, and education can come together beautifully to inspire others."
+          testimonial="Working with The Traveling Thread has been transformative. What started as a simple donation became a path to learning, connection, and purpose. This organization truly understands that fashion, community, and sustainability can come together beautifully."
           rating={5}
           author="James Chen, Local Business Partner & Mentor"
           avatars={[
             {
-              src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg",              alt: "James Chen"},
+              src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg",
+              alt: "James Chen",
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-woman_23-2148369593.jpg",              alt: "Community Member"},
+              src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-woman_23-2148369593.jpg",
+              alt: "Community Member",
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",              alt: "Community Member"},
+              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
+              alt: "Community Member",
+            },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-vertical-image-smiling-african-man-looking_171337-9837.jpg",              alt: "Community Member"},
+              src: "http://img.b2bpic.net/free-photo/close-up-vertical-image-smiling-african-man-looking_171337-9837.jpg",
+              alt: "Community Member",
+            },
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"

src/app/contact/page.tsx

@@ -8,43 +8,49 @@ import { HelpCircle, Mail, MapPin } from 'lucide-react';
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "/" },
+    { name: "Home", id: "hero" },
-    { name: "Mission", id: "/about" },
+    { name: "Mission", id: "about" },
-    { name: "Shop", id: "#products" },
+    { name: "Shop", id: "products" },
-    { name: "Impact", id: "#metrics" },
+    { name: "Impact", id: "metrics" },
-    { name: "Community", id: "#testimonials" },
+    { name: "Community", id: "testimonials" },
   ];
 
   const navButton = {
-    text: "Donate Clothing",    href: "/donate"};
+    text: "Donate Clothing",
+    href: "/contact",
+  };
 
   const footerColumns = [
     {
-      title: "Navigate",      items: [
+      title: "Navigate",
+      items: [
         { label: "Home", href: "/" },
-        { label: "Shop", href: "/shop" },
+        { label: "Shop", href: "/" },
-        { label: "Donate", href: "/donate" },
+        { label: "Donate", href: "/contact" },
-        { label: "About", href: "/about" },
+        { label: "About", href: "/" },
       ],
     },
     {
-      title: "Community",      items: [
+      title: "Community",
-        { label: "Get Involved", href: "/donate" },
+      items: [
-        { label: "Volunteer", href: "/donate" },
+        { label: "Get Involved", href: "/contact" },
-        { label: "Events", href: "/donate" },
+        { label: "Volunteer", href: "/contact" },
-        { label: "Impact", href: "/#metrics" },
+        { label: "Events", href: "/contact" },
+        { label: "Impact", href: "/" },
       ],
     },
     {
-      title: "Support",      items: [
+      title: "Support",
-        { label: "FAQ", href: "/#faq" },
+      items: [
-        { label: "Contact", href: "/donate" },
+        { label: "FAQ", href: "/contact" },
+        { label: "Contact", href: "/contact" },
         { label: "Shipping Info", href: "#" },
         { label: "Returns", href: "#" },
       ],
     },
     {
-      title: "Legal",      items: [
+      title: "Legal",
+      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -82,7 +88,7 @@ export default function ContactPage() {
             Get Involved
           </h1>
           <p className="text-lg text-foreground/80 mb-4">
-            Join The Traveling Thread community. Whether you want to donate clothing, volunteer, learn upcycling, shop, or partner with us, we're here to connect.
+            Join The Traveling Thread community. Whether you want to donate, volunteer, shop, or partner with us, we're here to connect.
           </p>
         </div>
 
@@ -95,7 +101,7 @@ export default function ContactPage() {
             </div>
             <h3 className="text-xl font-medium text-foreground mb-2">Donate Clothing</h3>
             <p className="text-foreground/70 mb-4">
-              Drop off gently used clothing at our 35-foot blue bird or schedule a pickup for large donations.
+              Drop off gently used clothing at our community center or schedule a pickup for large donations.
             </p>
             <button className="text-primary-cta font-medium hover:text-primary-cta/80 transition-colors">
               Schedule Drop-off →
@@ -109,7 +115,7 @@ export default function ContactPage() {
             </div>
             <h3 className="text-xl font-medium text-foreground mb-2">Volunteer</h3>
             <p className="text-foreground/70 mb-4">
-              Join our community workshops and learn upcycling. All ages and skill levels welcome—from sorting to design.
+              Join our community workshops. All ages and skill levels welcome—from sorting to design.
             </p>
             <button className="text-primary-cta font-medium hover:text-primary-cta/80 transition-colors">
               Learn About Volunteering →
@@ -123,10 +129,10 @@ export default function ContactPage() {
             </div>
             <h3 className="text-xl font-medium text-foreground mb-2">Visit Us</h3>
             <p className="text-foreground/70 mb-4">
-              Find our 35-foot blue bird traveling to communities. Check our schedule to see when we're in your area.
+              Find us at the community center. Open Tuesday-Saturday. Drop by anytime to explore.
             </p>
             <button className="text-primary-cta font-medium hover:text-primary-cta/80 transition-colors">
-              View Travel Schedule →
+              Get Directions →
             </button>
           </div>
         </div>
@@ -143,17 +149,35 @@ export default function ContactPage() {
           animationType="smooth"
           faqs={[
             {
-              id: "1",              title: "What types of clothing do you accept for donation?",              content: "We accept gently used clothing in good condition: casual wear, dresses, shirts, pants, sweaters, jackets, and accessories. Items should be clean and free of major tears or stains. We're especially grateful for seasonal items, kids clothing, vintage pieces, and old event textiles that can be used for upcycling education."},
+              id: "1",
+              title: "What types of clothing do you accept for donation?",
+              content: "We accept gently used clothing in good condition: casual wear, dresses, shirts, pants, sweaters, jackets, and accessories. Items should be clean and free of major tears or stains. We're especially grateful for seasonal items, kids clothing, and vintage pieces.",
+            },
             {
-              id: "2",              title: "How do I donate clothing?",              content: "Visit our website to find where our 35-foot blue bird is traveling or nearby drop-off locations. You can also bring items directly when we're in your area. We provide pickup service for large donations."},
+              id: "2",
+              title: "How do I donate clothing?",
+              content: "Visit our donation page to find drop-off locations near you or schedule a pickup. You can also bring items directly to our community center during business hours. We provide pickup service for large donations.",
+            },
             {
-              id: "3",              title: "Where does the money from sales go?",              content: "50% of all profits are reinvested directly into our community programs: youth creativity workshops, elder mentorship initiatives, education programs, and support for families in need. The remaining proceeds support our traveling operations and sustainable growth."},
+              id: "3",
+              title: "Where does the money from sales go?",
+              content: "50% of all profits are reinvested directly into our community programs: youth creativity workshops, elder mentorship initiatives, and support for families in need. The remaining proceeds support operations and sustainable growth.",
+            },
             {
-              id: "4",              title: "Can I volunteer with The Traveling Thread?",              content: "Absolutely! We welcome volunteers of all ages and skill levels. Whether you're interested in sorting, upcycling design, teaching, community organizing, or helping with our traveling schedule, there's a place for you. Contact us to learn about current opportunities."},
+              id: "4",
+              title: "Can I volunteer with The Traveling Thread?",
+              content: "Absolutely! We welcome volunteers of all ages and skill levels. Whether you're interested in sorting, designing, teaching, or community organizing, there's a place for you. Contact us to learn about current opportunities.",
+            },
             {
-              id: "5",              title: "What makes your upcycled pieces unique?",              content: "Each upcycled original is handcrafted by our design team, often collaboratively with community members and volunteers. We teach the upcycling process as part of our mission to help others learn sustainable design. No two pieces are alike—they're truly one-of-a-kind creations that transform donated clothing and old event pieces into wearable art."},
+              id: "5",
+              title: "What makes your upcycled pieces unique?",
+              content: "Each upcycled original is handcrafted by our design team, often collaboratively with community members and volunteers. No two pieces are alike—they're truly one-of-a-kind creations that transform donated clothing into wearable art.",
+            },
             {
-              id: "6",              title: "Do you ship orders?",              content: "Yes! We ship domestically and internationally. Orders typically ship within 3-5 business days. We use sustainable packaging materials to minimize environmental impact. Shipping costs vary by location."},
+              id: "6",
+              title: "Do you ship orders?",
+              content: "Yes! We ship domestically and internationally. Orders typically ship within 3-5 business days. We use sustainable packaging materials to minimize environmental impact. Shipping costs vary by location.",
+            },
           ]}
         />
       </div>

src/app/donate/page.tsx

@@ -18,7 +18,8 @@ export default function DonatePage() {
 
   const footerColumns = [
     {
-      title: "Navigate",      items: [
+      title: "Navigate",
+      items: [
         { label: "Home", href: "/" },
         { label: "Shop", href: "/#products" },
         { label: "Donate", href: "/donate" },
@@ -26,7 +27,8 @@ export default function DonatePage() {
       ],
     },
     {
-      title: "Community",      items: [
+      title: "Community",
+      items: [
         { label: "Get Involved", href: "/donate" },
         { label: "Volunteer", href: "/donate" },
         { label: "Events", href: "/donate" },
@@ -34,7 +36,8 @@ export default function DonatePage() {
       ],
     },
     {
-      title: "Support",      items: [
+      title: "Support",
+      items: [
         { label: "FAQ", href: "/#faq" },
         { label: "Contact", href: "/donate" },
         { label: "Shipping Info", href: "#" },
@@ -42,7 +45,8 @@ export default function DonatePage() {
       ],
     },
     {
-      title: "Legal",      items: [
+      title: "Legal",
+      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -68,7 +72,9 @@ export default function DonatePage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Donate Clothing",            href: "/donate"}}
+            text: "Donate Clothing",
+            href: "/donate",
+          }}
           brandName="The Traveling Thread"
         />
       </div>
@@ -77,12 +83,19 @@ export default function DonatePage() {
         <TextSplitAbout
           title="Donate Your Clothing"
           description={[
-            "Your donations directly support sustainable fashion, community education, and our traveling mission. We operate from a 35-foot blue bird that brings upcycling workshops and sustainable fashion to communities everywhere. Every piece you contribute helps reduce fashion waste, teaches others about sustainable design, and creates opportunity.",            "We accept gently used clothing in good condition, including casual wear, dresses, shirts, pants, sweaters, jackets, and accessories. We're also interested in old event textiles, vintage pieces, and fabrics that can be transformed and taught to others. Items should be clean and free of major damage.",            "Together, we're transforming donated clothing and old events into a movement that teaches sustainability, connects generations, and protects our planet."]}
+            "Your donations directly support sustainable fashion and community impact. Every piece you contribute helps reduce fashion waste and creates opportunity for our community.",
+            "We accept gently used clothing in good condition, including casual wear, dresses, shirts, pants, sweaters, jackets, and accessories. Items should be clean and free of major damage.",
+            "Together, we're transforming donated clothing into a movement that connects generations and protects our planet.",
+          ]}
           buttons={[
             {
-              text: "Find Drop-Off Locations",              href: "#"},
+              text: "Find Drop-Off Locations",
+              href: "#",
+            },
             {
-              text: "Schedule Pickup",              href: "#"},
+              text: "Schedule Pickup",
+              href: "#",
+            },
           ]}
           buttonAnimation="slide-up"
           showBorder={true}
@@ -93,30 +106,48 @@ export default function DonatePage() {
       <div id="donation-faq" data-section="donation-faq">
         <FaqBase
           title="Donation Questions"
-          description="Everything you need to know about donating to The Traveling Thread and supporting our blue bird mission."
+          description="Everything you need to know about donating to The Traveling Thread."
           textboxLayout="default"
           useInvertedBackground={false}
           faqsAnimation="slide-up"
           animationType="smooth"
           faqs={[
             {
-              id: "1",              title: "What items do you accept?",              content:
+              id: "1",
-                "We accept gently used clothing and accessories in good condition: tops, bottoms, dresses, jackets, sweaters, shoes, belts, scarves, and bags. Items should be clean and have no major tears, stains, or damage. We especially value vintage pieces, seasonal items, children's clothing, and textiles from old events that can be upcycled and used to teach sustainable design."},
+              title: "What items do you accept?",
+              content:
+                "We accept gently used clothing and accessories in good condition: tops, bottoms, dresses, jackets, sweaters, shoes, belts, scarves, and bags. Items should be clean and have no major tears, stains, or damage. We especially value vintage pieces, seasonal items, and children's clothing.",
+            },
             {
-              id: "2",              title: "How do I drop off donations?",              content:
+              id: "2",
-                "Visit our website to find where our 35-foot blue bird is traveling next or nearby drop-off locations. You can bring donations during business hours. Many community centers and partner locations also accept donations on our behalf. Check the map on our site for the nearest option to you."},
+              title: "How do I drop off donations?",
+              content:
+                "Visit our website to find nearby drop-off locations. You can bring donations during business hours. Many community centers and partner locations also accept donations on our behalf. Check the map on our site for the nearest option to you.",
+            },
             {
-              id: "3",              title: "Do you offer pickup service?",              content:
+              id: "3",
-                "Yes! For larger donations (10+ items), we offer free pickup service within our service area. Simply fill out the pickup request form on our website with your address and available times, and we'll schedule a convenient pickup for you."},
+              title: "Do you offer pickup service?",
+              content:
+                "Yes! For larger donations (10+ items), we offer free pickup service within our service area. Simply fill out the pickup request form on our website with your address and available times, and we'll schedule a convenient pickup for you.",
+            },
             {
-              id: "4",              title: "Can I get a tax receipt for my donation?",              content:
+              id: "4",
-                "Absolutely. We're a registered nonprofit, and you can request a tax receipt at any drop-off location or online after scheduling a pickup. Please provide your name and email address."},
+              title: "Can I get a tax receipt for my donation?",
+              content:
+                "Absolutely. We're a registered nonprofit, and you can request a tax receipt at any drop-off location or online after scheduling a pickup. Please provide your name and email address.",
+            },
             {
-              id: "5",              title: "What happens to my donated clothing?",              content:
+              id: "5",
-                "Your donations are sorted by our team and volunteers. Some items are sold affordably in our Community Closet to support our programs. Others are upcycled into unique, one-of-a-kind pieces by our designers in our traveling workshop. Old event textiles are used in educational upcycling workshops. A portion is donated to families and individuals in need."},
+              title: "What happens to my donated clothing?",
+              content:
+                "Your donations are sorted by our team and volunteers. Some items are sold affordably in our Community Closet to support our programs. Others are upcycled into unique, one-of-a-kind pieces by our designers. A portion is donated to families and individuals in need.",
+            },
             {
-              id: "6",              title: "Is my donation tax deductible?",              content:
+              id: "6",
-                "Yes, donations to The Traveling Thread are tax deductible. We're a 501(c)(3) nonprofit organization. Request a receipt with our tax ID at the time of donation for your records."},
+              title: "Is my donation tax deductible?",
+              content:
+                "Yes, donations to The Traveling Thread are tax deductible. We're a 501(c)(3) nonprofit organization. Request a receipt with our tax ID at the time of donation for your records.",
+            },
           ]}
         />
       </div>

src/app/page.tsx

@@ -82,8 +82,8 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitTestimonial
-          title="Clothing That Gives Back from Our 35-Foot Blue Bird"
+          title="Clothing That Gives Back"
-          description="The Traveling Thread turns donated clothing into opportunity. Operating from our iconic 35-foot blue bird, we travel to communities, collecting and upcycling fashion while teaching others how to transform old events and clothing into sustainable treasures. We're powered by clothing donations—help us keep moving."
+          description="The Traveling Thread turns donated clothing into opportunity. We upcycle fashion, support our community, and inspire generations to work together for a sustainable future."
           tag="Join the Movement"
           tagIcon={Leaf}
           tagAnimation="slide-up"
@@ -120,9 +120,9 @@ export default function HomePage() {
 
       <div id="about" data-section="about">
         <TextSplitAbout
-          title="Our Mission: Teaching Through Upcycling"
+          title="Our Mission: Fashion for Generations"
           description={[
-            "The Traveling Thread is more than clothing. It's a movement celebrating community, sustainability, and intergenerational connection through the power of upcycling.",            "We travel in our 35-foot blue bird, teaching communities how to transform old clothing and forgotten event pieces into beautiful, wearable art. We collect donated clothing, teach hands-on upcycling workshops, and show how sustainable fashion connects generations and protects our planet.",            "We believe fashion should connect generations, protect the planet, empower communities to thrive together, and inspire others to see possibility in what was once overlooked."]}
+            "The Traveling Thread celebrates the power of intergenerational collaboration. We believe that when youth creativity meets elder wisdom, magic happens—and our planet benefits.",            "We collect quality donated clothing from our community and transform it through collaborative workshops where young people, elders, and volunteers work side-by-side. Together, we reduce fast fashion waste, create unique upcycled pieces with stories, and build meaningful connections across generations.",            "50% of all proceeds support community programs that strengthen these bonds: youth mentorship, elder engagement initiatives, and families in need. Every garment carries the energy of community collaboration."]}
           buttons={[
             {
               text: "Learn More About Impact",              href: "#metrics"},
@@ -135,21 +135,21 @@ export default function HomePage() {
 
       <div id="features" data-section="features">
         <FeatureBorderGlow
-          title="How It Works"
+          title="Our Community Impact Model"
-          description="Our mobile mission brings communities together while making a real environmental impact. Starting with donations, we teach upcycling skills that transform clothing and old event pieces into treasured originals."
+          description="Every donated item becomes an opportunity for connection, creativity, and positive change."
           features={[
             {
               icon: Gift,
-              title: "Donate Clothing",              description:
+              title: "Community Donations",              description:
-                "Community members donate gently used clothes and old event textiles. We collect donations from around the country in our 35-foot blue bird traveling hub."},
+                "Local community members donate gently used clothing, supporting our mission to reduce textile waste and create opportunity."},
             {
               icon: Scissors,
-              title: "Learn & Create Together",              description:
+              title: "Intergenerational Workshops",              description:
-                "Kids, volunteers, and elders participate in hands-on upcycling workshops. We teach sustainable fashion design and transformation techniques that empower people of all ages."},
+                "Youth, elders, and volunteers collaborate in creative upcycling sessions, designing one-of-a-kind pieces while sharing stories and skills across generations."},
             {
               icon: Heart,
-              title: "Give Back",              description:
+              title: "Sustainable Giveback",              description:
-                "50% of proceeds support local community projects including education, mentorship, and environmental initiatives. Every purchase helps us continue our mission."},
+                "50% of proceeds fund community programs including youth mentorship, elder engagement, educational workshops, and support for families in need."},
           ]}
           textboxLayout="default"
           animationType="slide-up"
@@ -160,8 +160,8 @@ export default function HomePage() {
       <div id="products" data-section="products">
         <ProductCardFour
           title="Shop Our Collection"
-          description="Discover affordable, sustainable fashion that supports our community. Every purchase makes a difference."
+          description="Every purchase supports intergenerational community programs and reduces textile waste. Discover pieces with purpose and stories to tell."
-          tag="Limited Drops Available"
+          tag="Sustainable Fashion"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -187,17 +187,17 @@ export default function HomePage() {
       <div id="metrics" data-section="metrics">
         <MetricCardTen
           title="Our Community Impact"
-          description="Every purchase supports environmental sustainability, elder mentorship, youth creativity, and families in need."
+          description="Every purchase supports environmental sustainability, intergenerational programs, youth creativity, and families in need."
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",              title: "Pounds of Clothing Saved",              subtitle: "From landfills and waste",              category: "Environmental",              value: "1,000+"},
+              id: "1",              title: "Pounds of Clothing Saved",              subtitle: "From landfills and textile waste",              category: "Environmental",              value: "1,000+"},
             {
-              id: "2",              title: "Community Members Helped",              subtitle: "Employed and supported",              category: "Social Impact",              value: "300+"},
+              id: "2",              title: "Community Members Connected",              subtitle: "Youth, elders, and volunteers engaged",              category: "Social Impact",              value: "300+"},
             {
-              id: "3",              title: "Profits Reinvested",              subtitle: "Back into local programs",              category: "Community",              value: "50%"},
+              id: "3",              title: "Profits Reinvested",              subtitle: "Back into community programs",              category: "Community",              value: "50%"},
           ]}
         />
       </div>
@@ -205,7 +205,7 @@ export default function HomePage() {
       <div id="team" data-section="team">
         <TeamCardSix
           title="Meet Our Team"
-          description="Passionate community members working together to transform fashion and create opportunity."
+          description="Passionate community members working together to transform fashion and create intergenerational opportunity."
           tag="Our Community"
           tagIcon={Users}
           tagAnimation="slide-up"
@@ -258,19 +258,19 @@ export default function HomePage() {
           faqs={[
             {
               id: "1",              title: "What types of clothing do you accept for donation?",              content:
-                "We accept gently used clothing in good condition: casual wear, dresses, shirts, pants, sweaters, jackets, and accessories. Items should be clean and free of major tears or stains. We're especially grateful for seasonal items, kids clothing, vintage pieces, and textiles from old events."},
+                "We accept gently used clothing in good condition: casual wear, dresses, shirts, pants, sweaters, jackets, and accessories. Items should be clean and free of major tears or stains. We're especially grateful for seasonal items, kids clothing, and vintage pieces."},
             {
               id: "2",              title: "How do I donate clothing?",              content:
-                "Visit our donation page to find where our blue bird is traveling next or drop-off locations near you. You can schedule a pickup or bring items directly when we're in your area. We provide pickup service for large donations."},
+                "Visit our donation page to find drop-off locations near you or schedule a pickup. You can also bring items directly to our community center during business hours. We provide pickup service for large donations."},
             {
               id: "3",              title: "Where does the money from sales go?",              content:
-                "50% of all profits are reinvested directly into our community programs: youth creativity workshops, elder mentorship initiatives, and support for families in need. The remaining proceeds support operations and our traveling mission."},
+                "50% of all profits are reinvested directly into our community programs: youth creativity workshops, intergenerational mentorship initiatives, and support for families in need. The remaining proceeds support operations and sustainable growth."},
             {
               id: "4",              title: "Can I volunteer with The Traveling Thread?",              content:
-                "Absolutely! We welcome volunteers of all ages and skill levels. Whether you're interested in sorting, designing, teaching, or community organizing, there's a place for you. Contact us to learn about current opportunities and our travel schedule."},
+                "Absolutely! We welcome volunteers of all ages and skill levels. Whether you're interested in sorting, designing, teaching, or community organizing, there's a place for you. Contact us to learn about current opportunities."},
             {
               id: "5",              title: "What makes your upcycled pieces unique?",              content:
-                "Each upcycled original is handcrafted by our design team, often collaboratively with community members and volunteers. We teach the upcycling process, transforming donated clothing and old event textiles into wearable art. No two pieces are alike—they're truly one-of-a-kind creations with a story."},
+                "Each upcycled original is handcrafted through collaborative workshops where young people and elders work together, often designing pieces side-by-side. No two pieces are alike—they're truly one-of-a-kind creations that transform donated clothing into wearable art with intergenerational stories."},
             {
               id: "6",              title: "Do you ship orders?",              content:
                 "Yes! We ship domestically and internationally. Orders typically ship within 3-5 business days. We use sustainable packaging materials to minimize environmental impact. Shipping costs vary by location."},

src/app/shop/page.tsx

@@ -7,40 +7,44 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function ShopPage() {
   const navItems = [
-    { name: "Home", id: "/" },
+    { name: "Home", id: "hero" },
-    { name: "Mission", id: "/about" },
+    { name: "Mission", id: "about" },
-    { name: "Shop", id: "#products" },
+    { name: "Shop", id: "products" },
-    { name: "Impact", id: "#metrics" },
+    { name: "Impact", id: "metrics" },
-    { name: "Community", id: "#testimonials" },
+    { name: "Community", id: "testimonials" },
   ];
 
   const footerColumns = [
     {
-      title: "Navigate",      items: [
+      title: "Navigate",
+      items: [
         { label: "Home", href: "/" },
         { label: "Shop", href: "/shop" },
-        { label: "Donate", href: "/donate" },
+        { label: "Donate", href: "#donate" },
-        { label: "About", href: "/about" },
+        { label: "About", href: "#about" },
       ],
     },
     {
-      title: "Community",      items: [
+      title: "Community",
-        { label: "Get Involved", href: "/donate" },
+      items: [
-        { label: "Volunteer", href: "/donate" },
+        { label: "Get Involved", href: "#contact" },
-        { label: "Events", href: "/donate" },
+        { label: "Volunteer", href: "/contact" },
-        { label: "Impact", href: "/#metrics" },
+        { label: "Events", href: "/contact" },
+        { label: "Impact", href: "#metrics" },
       ],
     },
     {
-      title: "Support",      items: [
+      title: "Support",
-        { label: "FAQ", href: "/#faq" },
+      items: [
-        { label: "Contact", href: "/donate" },
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "/contact" },
         { label: "Shipping Info", href: "#" },
         { label: "Returns", href: "#" },
       ],
     },
     {
-      title: "Legal",      items: [
+      title: "Legal",
+      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -66,7 +70,7 @@ export default function ShopPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Donate Clothing", href: "/donate" }}
+          button={{ text: "Donate Clothing", href: "/contact" }}
           brandName="The Traveling Thread"
         />
       </div>
@@ -75,7 +79,7 @@ export default function ShopPage() {
       <div id="featured-collection" data-section="featured-collection">
         <ProductCardFour
           title="Shop Our Full Collection"
-          description="Discover our complete range of sustainable fashion including everyday essentials, one-of-a-kind upcycled pieces, and curated vintage finds. Every purchase supports our community programs and our traveling mission."
+          description="Discover our complete range of sustainable fashion including everyday essentials, one-of-a-kind upcycled pieces, and curated vintage finds. Every purchase supports our community programs."
           tag="New Arrivals Weekly"
           textboxLayout="default"
           gridVariant="bento-grid"
@@ -83,17 +87,41 @@ export default function ShopPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "community-closet-1",              name: "Community Closet Essentials",              price: "$25-45",              variant: "Everyday Basics · Multiple Colors",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=2",              imageAlt: "Casual everyday clothing collection"},
+              id: "community-closet-1",
+              name: "Community Closet Essentials",
+              price: "$25-45",
+              variant: "Everyday Basics · Multiple Colors",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=2",
+              imageAlt: "Casual everyday clothing collection",
+            },
             {
-              id: "upcycled-original-1",              name: "Upcycled Original Pieces",              price: "$55-85",              variant: "One-of-a-Kind · Handcrafted",              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400652.jpg?_wi=2",              imageAlt: "Unique upcycled fashion piece"},
+              id: "upcycled-original-1",
+              name: "Upcycled Original Pieces",
+              price: "$55-85",
+              variant: "One-of-a-Kind · Handcrafted",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400652.jpg?_wi=2",
+              imageAlt: "Unique upcycled fashion piece",
+            },
             {
-              id: "vintage-finds-1",              name: "Vintage Finds",              price: "$35-65",              variant: "Rare & Unique · Curated Selection",              imageSrc: "http://img.b2bpic.net/free-vector/ancient-typeface_1284-46594.jpg?_wi=2",              imageAlt: "Vintage thrift store treasures"},
+              id: "vintage-finds-1",
+              name: "Vintage Finds",
+              price: "$35-65",
+              variant: "Rare & Unique · Curated Selection",
+              imageSrc: "http://img.b2bpic.net/free-vector/ancient-typeface_1284-46594.jpg?_wi=2",
+              imageAlt: "Vintage thrift store treasures",
+            },
             {
-              id: "community-closet-2",              name: "Seasonal Collections",              price: "$30-50",              variant: "Limited Edition · Seasonal Styles",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=3",              imageAlt: "Seasonal fashion collection"},
+              id: "community-closet-2",
+              name: "Seasonal Collections",
+              price: "$30-50",
+              variant: "Limited Edition · Seasonal Styles",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=3",
+              imageAlt: "Seasonal fashion collection",
+            },
           ]}
           buttons={[
             { text: "Browse All Items", href: "/shop" },
-            { text: "Start Donating", href: "/donate" },
+            { text: "Start Donating", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -110,11 +138,29 @@ export default function ShopPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "bestseller-1",              name: "Classic Vintage Denim",              price: "$45",              variant: "Blue · All Sizes",              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400652.jpg?_wi=3",              imageAlt: "Classic vintage denim jacket"},
+              id: "bestseller-1",
+              name: "Classic Vintage Denim",
+              price: "$45",
+              variant: "Blue · All Sizes",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400652.jpg?_wi=3",
+              imageAlt: "Classic vintage denim jacket",
+            },
             {
-              id: "bestseller-2",              name: "Upcycled Patchwork Jacket",              price: "$75",              variant: "Multicolor · One of a Kind",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=4",              imageAlt: "Colorful patchwork jacket"},
+              id: "bestseller-2",
+              name: "Upcycled Patchwork Jacket",
+              price: "$75",
+              variant: "Multicolor · One of a Kind",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=4",
+              imageAlt: "Colorful patchwork jacket",
+            },
             {
-              id: "bestseller-3",              name: "Eco Basic T-Shirt Bundle",              price: "$40",              variant: "Multiple Colors · 3 Pack",              imageSrc: "http://img.b2bpic.net/free-vector/ancient-typeface_1284-46594.jpg?_wi=3",              imageAlt: "Eco-friendly basic t-shirts"},
+              id: "bestseller-3",
+              name: "Eco Basic T-Shirt Bundle",
+              price: "$40",
+              variant: "Multiple Colors · 3 Pack",
+              imageSrc: "http://img.b2bpic.net/free-vector/ancient-typeface_1284-46594.jpg?_wi=3",
+              imageAlt: "Eco-friendly basic t-shirts",
+            },
           ]}
           buttons={[{ text: "View All Bestsellers", href: "/shop" }]}
           buttonAnimation="slide-up"
@@ -132,11 +178,29 @@ export default function ShopPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "new-1",              name: "Hand-Dyed Linen Dress",              price: "$65",              variant: "Sage Green · S-XL",              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400652.jpg?_wi=4",              imageAlt: "Sage green hand-dyed dress"},
+              id: "new-1",
+              name: "Hand-Dyed Linen Dress",
+              price: "$65",
+              variant: "Sage Green · S-XL",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-adult-reusing-fabric-material_23-2149400652.jpg?_wi=4",
+              imageAlt: "Sage green hand-dyed dress",
+            },
             {
-              id: "new-2",              name: "Vintage Wool Cardigan",              price: "$50",              variant: "Cream · M-L",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=5",              imageAlt: "Vintage wool cardigan"},
+              id: "new-2",
+              name: "Vintage Wool Cardigan",
+              price: "$50",
+              variant: "Cream · M-L",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-field-wearing-sunglasses_23-2148504809.jpg?_wi=5",
+              imageAlt: "Vintage wool cardigan",
+            },
             {
-              id: "new-3",              name: "Upcycled Band T-Shirt",              price: "$38",              variant: "Black · XS-XL",              imageSrc: "http://img.b2bpic.net/free-vector/ancient-typeface_1284-46594.jpg?_wi=4",              imageAlt: "Vintage band t-shirt"},
+              id: "new-3",
+              name: "Upcycled Band T-Shirt",
+              price: "$38",
+              variant: "Black · XS-XL",
+              imageSrc: "http://img.b2bpic.net/free-vector/ancient-typeface_1284-46594.jpg?_wi=4",
+              imageAlt: "Vintage band t-shirt",
+            },
           ]}
           buttons={[{ text: "See All New Items", href: "/shop" }]}
           buttonAnimation="slide-up"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5ede0;
+  --background: #fffefe;
-  --card: #fdf9f2;
+  --card: #f6f7f4;
-  --foreground: #1a1410;
+  --foreground: #080908;
-  --primary-cta: #2d8a5c;
+  --primary-cta: #0e3a29;
   --primary-cta-text: #f7f6f7;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #e7eecd;
   --secondary-cta-text: #0c1325;
-  --accent: #e89b96;
+  --accent: #35c18b;
-  --background-accent: #d4b5a0;
+  --background-accent: #ecebe4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);