Update src/app/styles/variables.css

Merge version_1 into main

src/app/about/page.tsx

@@ -20,8 +20,7 @@ export default function AboutPage() {
 
   const footerColumns = [
     {
-      title: "Navigate",
+      title: "Navigate",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Shop", href: "/#products" },
         { label: "Donate", href: "/donate" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Community",
+      title: "Community",      items: [
-      items: [
         { label: "Get Involved", href: "/donate" },
         { label: "Volunteer", href: "/donate" },
         { label: "Events", href: "/donate" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "FAQ", href: "/#faq" },
         { label: "Contact", href: "/donate" },
         { label: "Shipping Info", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -74,26 +70,19 @@ export default function AboutPage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Donate Clothing",
+            text: "Donate Clothing",            href: "/donate"}}
-            href: "/donate",
-          }}
           brandName="The Traveling Thread"
         />
       </div>
 
       <div id="about-mission" data-section="about-mission">
         <TextSplitAbout
-          title="Our Mission"
+          title="Our Mission: Teaching Through Upcycling"
           description={[
-            "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.",
+            "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."]}
-            "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",
+              text: "Join Our Community",              href: "/donate"},
-              href: "/donate",
-            },
           ]}
           buttonAnimation="slide-up"
           showBorder={true}
@@ -104,29 +93,17 @@ export default function AboutPage() {
       <div id="team" data-section="team">
         <TeamCardSix
           title="Meet Our Team"
-          description="Passionate community leaders working together to transform fashion and create lasting opportunity."
+          description="Passionate community leaders working together to transform fashion, teach sustainable practices, and create lasting opportunity."
           tag="Our Community"
           tagIcon={Users}
           tagAnimation="slide-up"
           members={[
             {
-              id: "1",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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"
@@ -137,26 +114,18 @@ 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, and sustainability can come together beautifully."
+          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."
           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",
+              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"},
-              alt: "James Chen",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-woman_23-2148369593.jpg",
+              src: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-woman_23-2148369593.jpg",              alt: "Community Member"},
-              alt: "Community Member",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",
+              src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-redhead-caucasian-woman-smiling-cheerfully_273609-9095.jpg",              alt: "Community Member"},
-              alt: "Community Member",
-            },
             {
-              src: "http://img.b2bpic.net/free-photo/close-up-vertical-image-smiling-african-man-looking_171337-9837.jpg",
+              src: "http://img.b2bpic.net/free-photo/close-up-vertical-image-smiling-african-man-looking_171337-9837.jpg",              alt: "Community Member"},
-              alt: "Community Member",
-            },
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"

src/app/contact/page.tsx

@@ -8,49 +8,43 @@ import { HelpCircle, Mail, MapPin } from 'lucide-react';
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "hero" },
+    { name: "Home", id: "/" },
-    { 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",
+    text: "Donate Clothing",    href: "/donate"};
-    href: "/contact",
-  };
 
   const footerColumns = [
     {
-      title: "Navigate",
+      title: "Navigate",      items: [
-      items: [
         { label: "Home", href: "/" },
-        { label: "Shop", href: "/" },
+        { label: "Shop", href: "/shop" },
-        { label: "Donate", href: "/contact" },
+        { label: "Donate", href: "/donate" },
-        { label: "About", href: "/" },
+        { label: "About", href: "/about" },
       ],
     },
     {
-      title: "Community",
+      title: "Community",      items: [
-      items: [
+        { label: "Get Involved", href: "/donate" },
-        { label: "Get Involved", href: "/contact" },
+        { label: "Volunteer", href: "/donate" },
-        { label: "Volunteer", href: "/contact" },
+        { label: "Events", href: "/donate" },
-        { label: "Events", href: "/contact" },
+        { label: "Impact", href: "/#metrics" },
-        { label: "Impact", href: "/" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
+        { label: "FAQ", href: "/#faq" },
-        { label: "FAQ", href: "/contact" },
+        { label: "Contact", href: "/donate" },
-        { label: "Contact", href: "/contact" },
         { label: "Shipping Info", href: "#" },
         { label: "Returns", href: "#" },
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -88,7 +82,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, volunteer, shop, or partner with us, we're here to connect.
+            Join The Traveling Thread community. Whether you want to donate clothing, volunteer, learn upcycling, shop, or partner with us, we're here to connect.
           </p>
         </div>
 
@@ -101,7 +95,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 community center or schedule a pickup for large donations.
+              Drop off gently used clothing at our 35-foot blue bird 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 →
@@ -115,7 +109,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. All ages and skill levels welcome—from sorting to design.
+              Join our community workshops and learn upcycling. 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 →
@@ -129,10 +123,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 us at the community center. Open Tuesday-Saturday. Drop by anytime to explore.
+              Find our 35-foot blue bird traveling to communities. Check our schedule to see when we're in your area.
             </p>
             <button className="text-primary-cta font-medium hover:text-primary-cta/80 transition-colors">
-              Get Directions →
+              View Travel Schedule →
             </button>
           </div>
         </div>
@@ -149,35 +143,17 @@ export default function ContactPage() {
           animationType="smooth"
           faqs={[
             {
-              id: "1",
+              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."},
-              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",
+              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."},
-              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",
+              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."},
-              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",
+              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."},
-              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",
+              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."},
-              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",
+              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."},
-              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,8 +18,7 @@ export default function DonatePage() {
 
   const footerColumns = [
     {
-      title: "Navigate",
+      title: "Navigate",      items: [
-      items: [
         { label: "Home", href: "/" },
         { label: "Shop", href: "/#products" },
         { label: "Donate", href: "/donate" },
@@ -27,8 +26,7 @@ export default function DonatePage() {
       ],
     },
     {
-      title: "Community",
+      title: "Community",      items: [
-      items: [
         { label: "Get Involved", href: "/donate" },
         { label: "Volunteer", href: "/donate" },
         { label: "Events", href: "/donate" },
@@ -36,8 +34,7 @@ export default function DonatePage() {
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "FAQ", href: "/#faq" },
         { label: "Contact", href: "/donate" },
         { label: "Shipping Info", href: "#" },
@@ -45,8 +42,7 @@ export default function DonatePage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -72,9 +68,7 @@ export default function DonatePage() {
         <NavbarStyleCentered
           navItems={navItems}
           button={{
-            text: "Donate Clothing",
+            text: "Donate Clothing",            href: "/donate"}}
-            href: "/donate",
-          }}
           brandName="The Traveling Thread"
         />
       </div>
@@ -83,19 +77,12 @@ export default function DonatePage() {
         <TextSplitAbout
           title="Donate Your Clothing"
           description={[
-            "Your donations directly support sustainable fashion and community impact. Every piece you contribute helps reduce fashion waste and creates opportunity for our community.",
+            "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."]}
-            "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",
+              text: "Find Drop-Off Locations",              href: "#"},
-              href: "#",
-            },
             {
-              text: "Schedule Pickup",
+              text: "Schedule Pickup",              href: "#"},
-              href: "#",
-            },
           ]}
           buttonAnimation="slide-up"
           showBorder={true}
@@ -106,48 +93,30 @@ 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."
+          description="Everything you need to know about donating to The Traveling Thread and supporting our blue bird mission."
           textboxLayout="default"
           useInvertedBackground={false}
           faqsAnimation="slide-up"
           animationType="smooth"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "What items do you accept?",              content:
-              title: "What items do you accept?",
+                "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."},
-              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",
+              id: "2",              title: "How do I drop off donations?",              content:
-              title: "How do I drop off donations?",
+                "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."},
-              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",
+              id: "3",              title: "Do you offer pickup service?",              content:
-              title: "Do you offer pickup service?",
+                "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."},
-              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",
+              id: "4",              title: "Can I get a tax receipt for my donation?",              content:
-              title: "Can I get a tax receipt for my donation?",
+                "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."},
-              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",
+              id: "5",              title: "What happens to my donated clothing?",              content:
-              title: "What happens to my donated clothing?",
+                "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."},
-              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",
+              id: "6",              title: "Is my donation tax deductible?",              content:
-              title: "Is my donation tax deductible?",
+                "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."},
-              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"
+          title="Clothing That Gives Back from Our 35-Foot Blue Bird"
-          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."
+          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."
           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"
+          title="Our Mission: Teaching Through Upcycling"
           description={[
-            "The Traveling Thread is more than clothing. It's a movement celebrating community, sustainability, and intergenerational connection.",            "We collect donated clothing from our community, then reduce fast fashion waste, upcycle clothing into unique pieces, sell affordable sustainable fashion, and donate 50% of proceeds back to community projects.",            "We believe fashion should connect generations, protect the planet, and uplift people."]}
+            "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."]}
           buttons={[
             {
               text: "Learn More About Impact",              href: "#metrics"},
@@ -136,20 +136,20 @@ export default function HomePage() {
       <div id="features" data-section="features">
         <FeatureBorderGlow
           title="How It Works"
-          description="Our simple three-step process brings communities together while making a real environmental impact."
+          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."
           features={[
             {
               icon: Gift,
               title: "Donate Clothing",              description:
-                "Community members donate gently used clothes and help fund sustainable fashion initiatives."},
+                "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."},
             {
               icon: Scissors,
-              title: "Sort & Create",              description:
+              title: "Learn & Create Together",              description:
-                "Kids, volunteers, and elders work together to sort, redesign, and upcycle donated garments into treasured pieces."},
+                "Kids, volunteers, and elders participate in hands-on upcycling workshops. We teach sustainable fashion design and transformation techniques that empower people of all ages."},
             {
               icon: Heart,
               title: "Give Back",              description:
-                "50% of proceeds support local community projects including education, mentorship, and environmental initiatives."},
+                "50% of proceeds support local community projects including education, mentorship, and environmental initiatives. Every purchase helps us continue our mission."},
           ]}
           textboxLayout="default"
           animationType="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, and vintage pieces."},
+                "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."},
             {
               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."},
+                "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."},
             {
               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."},
+                "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."},
             {
               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."},
+                "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."},
             {
               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."},
+                "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."},
             {
               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,44 +7,40 @@ import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function ShopPage() {
   const navItems = [
-    { name: "Home", id: "hero" },
+    { name: "Home", id: "/" },
-    { 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",
+      title: "Navigate",      items: [
-      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",
+      title: "Community",      items: [
-      items: [
+        { label: "Get Involved", href: "/donate" },
-        { label: "Get Involved", href: "#contact" },
+        { label: "Volunteer", href: "/donate" },
-        { label: "Volunteer", href: "/contact" },
+        { label: "Events", href: "/donate" },
-        { label: "Events", href: "/contact" },
+        { label: "Impact", href: "/#metrics" },
-        { label: "Impact", href: "#metrics" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
+        { label: "FAQ", href: "/#faq" },
-        { label: "FAQ", href: "#faq" },
+        { label: "Contact", href: "/donate" },
-        { label: "Contact", href: "/contact" },
         { label: "Shipping Info", href: "#" },
         { label: "Returns", href: "#" },
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Accessibility", href: "#" },
@@ -70,7 +66,7 @@ export default function ShopPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Donate Clothing", href: "/contact" }}
+          button={{ text: "Donate Clothing", href: "/donate" }}
           brandName="The Traveling Thread"
         />
       </div>
@@ -79,7 +75,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."
+          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."
           tag="New Arrivals Weekly"
           textboxLayout="default"
           gridVariant="bento-grid"
@@ -87,41 +83,17 @@ export default function ShopPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "community-closet-1",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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: "/contact" },
+            { text: "Start Donating", href: "/donate" },
           ]}
           buttonAnimation="slide-up"
         />
@@ -138,29 +110,11 @@ export default function ShopPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "bestseller-1",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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"
@@ -178,29 +132,11 @@ export default function ShopPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "new-1",
+              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"},
-              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",
+              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"},
-              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",
+              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"},
-              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: #f7f6f7;
+  --background: #f5ede0;
-  --card: #ffffff;
+  --card: #fdf9f2;
-  --foreground: #0c1325;
+  --foreground: #1a1410;
-  --primary-cta: #0798ff;
+  --primary-cta: #2d8a5c;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #0c1325;
-  --accent: #93c7ff;
+  --accent: #e89b96;
-  --background-accent: #a8cde8;
+  --background-accent: #d4b5a0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);