update details

src/pages/Buy.jsx

@@ -63,17 +63,17 @@ const products = {
 const comparisonFeatures = [
   { name: 'Motors & Mechanics', wireless: '5 servo motors', lite: '5 servo motors' },
   { name: 'Head Movement', wireless: '6 DOF (pitch, roll, yaw, x, y, z)', lite: '6 DOF (pitch, roll, yaw, x, y, z)' },
-  { name: 'Body Rotation', wireless: '360° continuous', lite: '360° continuous' },
+  { name: 'Body Rotation', wireless: '280°', lite: '280°' },
   { name: 'Antennas', wireless: '2 animated antennas', lite: '2 animated antennas' },
-  { name: 'Camera', wireless: 'Wide angle (120°)', lite: 'Wide angle (120°)' },
+  { name: 'Camera', wireless: 'Wide angle', lite: 'Wide angle' },
   { name: 'Microphones', wireless: '4 microphones array', lite: '4 microphones array' },
   { name: 'Speaker', wireless: '5W speaker', lite: '5W speaker' },
-  { name: 'On-board Compute', wireless: 'Raspberry Pi 4 (4GB)', lite: false },
+  { name: 'On-board Compute', wireless: 'Raspberry Pi 4 (16GB storage)', lite: false },
   { name: 'Accelerometer', wireless: 'Built-in IMU', lite: false },
-  { name: 'Wi-Fi Connectivity', wireless: 'Wi-Fi 5 (802.11ac)', lite: false },
+  { name: 'Wi-Fi Connectivity', wireless: 'Wi-Fi', lite: false },
   { name: 'Standalone Mode', wireless: true, lite: false },
   { name: 'USB Connection', wireless: true, lite: true },
-  { name: 'Power', wireless: 'USB-C (5V/3A)', lite: 'USB-C (5V/3A)' },
+  { name: 'Power', wireless: 'USB-C (6.8V / 5A)', lite: 'USB-C (6.8V / 5A)' },
 ];
 
 // What's in the box
@@ -96,10 +96,6 @@ const faqItems = [
     question: 'How long does assembly take?',
     answer: 'Most users report 1.5–2 hours for assembly. The kit comes with pre-printed parts and clear step-by-step video instructions. No soldering required!',
   },
-  {
-    question: 'Where do you ship?',
-    answer: 'We ship worldwide from France. Shipping typically takes 5-10 business days for Europe, 10-15 days for North America, and 15-25 days for other regions.',
-  },
   {
     question: 'What about customs and import taxes?',
     answer: 'The displayed price does not include customs duties or import taxes, which vary by country. You may be responsible for these fees upon delivery.',
@@ -112,10 +108,6 @@ const faqItems = [
     question: 'What software is included?',
     answer: 'All software is open-source and free. You get access to the Python SDK, desktop dashboard, and the entire library of community-built applications on Hugging Face Spaces.',
   },
-  {
-    question: 'Is there a warranty?',
-    answer: 'Yes! We offer a 1-year warranty covering manufacturing defects. We also provide technical support through our Discord community.',
-  },
 ];
 
 // Hero Section

src/pages/FAQ.jsx

@@ -26,7 +26,6 @@ import PageHero from '../components/PageHero';
 const faqSections = [
   {
     id: 'getting-started',
-    icon: '🧭',
     title: 'Getting Started',
     items: [
       {
@@ -68,7 +67,6 @@ This connects to the Reachy Mini daemon and initializes motors and sensors.`,
   },
   {
     id: 'movement',
-    icon: '🦾',
     title: 'Moving the Robot',
     items: [
       {
@@ -109,7 +107,6 @@ mini.goto_target(
   },
   {
     id: 'apps',
-    icon: '🧩',
     title: 'Writing & Sharing Apps',
     items: [
       {
@@ -140,7 +137,6 @@ This creates a complete project structure with pyproject.toml, README.md, and th
   },
   {
     id: 'hardware',
-    icon: '🎛',
     title: 'Hardware & Motion Limits',
     items: [
       {
@@ -158,7 +154,6 @@ If you command a pose outside these limits, Reachy Mini will automatically clamp
   },
   {
     id: 'sensors',
-    icon: '🧠',
     title: 'Sensors & Media',
     items: [
       {
@@ -184,7 +179,6 @@ with ReachyMini() as mini:
   },
   {
     id: 'motors',
-    icon: '🦴',
     title: 'Motors & Compliancy',
     items: [
       {
@@ -200,15 +194,8 @@ with ReachyMini() as mini:
   },
 ];
 
-// Tag color mapping
-const tagColors = {
-  SDK: { bg: 'rgba(255, 149, 0, 0.15)', color: '#FF9500', border: 'rgba(255, 149, 0, 0.3)' },
-  Python: { bg: 'rgba(16, 185, 129, 0.15)', color: '#10b981', border: 'rgba(16, 185, 129, 0.3)' },
-  Movement: { bg: 'rgba(118, 75, 162, 0.15)', color: '#764ba2', border: 'rgba(118, 75, 162, 0.3)' },
-  Hardware: { bg: 'rgba(245, 158, 11, 0.15)', color: '#f59e0b', border: 'rgba(245, 158, 11, 0.3)' },
-  Audio: { bg: 'rgba(236, 72, 153, 0.15)', color: '#ec4899', border: 'rgba(236, 72, 153, 0.3)' },
-  Vision: { bg: 'rgba(6, 182, 212, 0.15)', color: '#06b6d4', border: 'rgba(6, 182, 212, 0.3)' },
-};
+// Tag color - all primary
+const tagColor = { bg: 'rgba(255, 149, 0, 0.1)', color: '#FF9500', border: 'rgba(255, 149, 0, 0.25)' };
 
 // Extract all unique tags from FAQ data
 const allTags = [...new Set(faqSections.flatMap((s) => s.items.flatMap((i) => i.tags)))].sort();
@@ -355,22 +342,22 @@ export default function FAQ() {
                   transition: 'all 0.2s ease',
                   backgroundColor:
                     selectedTag === tag
-                      ? tagColors[tag]?.color || 'primary.main'
-                      : tagColors[tag]?.bg || 'rgba(0,0,0,0.06)',
+                      ? tagColor.color
+                      : tagColor.bg,
                   color:
                     selectedTag === tag
                       ? 'white'
-                      : tagColors[tag]?.color || 'text.secondary',
+                      : tagColor.color,
                   border: `1px solid ${
                     selectedTag === tag
-                      ? tagColors[tag]?.color || 'primary.main'
-                      : tagColors[tag]?.border || 'transparent'
+                      ? tagColor.color
+                      : tagColor.border
                   }`,
                   '&:hover': {
                     backgroundColor:
                       selectedTag === tag
-                        ? tagColors[tag]?.color || 'primary.main'
-                        : tagColors[tag]?.bg || 'rgba(0,0,0,0.08)',
+                        ? tagColor.color
+                        : tagColor.bg,
                     transform: 'translateY(-1px)',
                   },
                 }}
@@ -398,13 +385,13 @@ export default function FAQ() {
                     sx={{
                       fontSize: 11,
                       height: 24,
-                      backgroundColor: tagColors[selectedTag]?.bg || 'rgba(0,0,0,0.06)',
-                      color: tagColors[selectedTag]?.color || 'text.secondary',
+                      backgroundColor: tagColor.bg,
+                      color: tagColor.color,
                       fontWeight: 600,
                       '& .MuiChip-deleteIcon': {
-                        color: tagColors[selectedTag]?.color || 'text.secondary',
+                        color: tagColor.color,
                         '&:hover': {
-                          color: tagColors[selectedTag]?.color || 'text.primary',
+                          color: tagColor.color,
                         },
                       },
                     }}
@@ -452,23 +439,7 @@ export default function FAQ() {
           filteredSections.map((section) => (
             <Box key={section.id} sx={{ mb: 6 }}>
               {/* Section header */}
-              <Stack direction="row" spacing={2} alignItems="center" sx={{ mb: 3 }}>
-                <Box
-                  sx={{
-                    width: 48,
-                    height: 48,
-                    backgroundColor: 'background.alt',
-                    borderRadius: 3,
-                    display: 'flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    fontSize: 24,
-                  }}
-                >
-                  {section.icon}
-                </Box>
-                <Typography variant="h4">{section.title}</Typography>
-              </Stack>
+              <Typography variant="h4" sx={{ mb: 3 }}>{section.title}</Typography>
 
               {/* FAQ items */}
               {section.items.map((item, index) => (
@@ -501,17 +472,17 @@ export default function FAQ() {
                               fontSize: 11,
                               height: 22,
                               cursor: 'pointer',
-                              backgroundColor: tagColors[tag]?.bg || 'rgba(0,0,0,0.06)',
-                              color: tagColors[tag]?.color || 'text.secondary',
+                              backgroundColor: tagColor.bg,
+                              color: tagColor.color,
                               border: `1px solid ${
                                 selectedTag === tag
-                                  ? tagColors[tag]?.color || 'rgba(0,0,0,0.2)'
+                                  ? tagColor.color
                                   : 'transparent'
                               }`,
                               fontWeight: 600,
                               transition: 'all 0.15s ease',
                               '&:hover': {
-                                backgroundColor: tagColors[tag]?.bg || 'rgba(0,0,0,0.08)',
+                                backgroundColor: tagColor.bg,
                                 transform: 'scale(1.05)',
                               },
                             }}
@@ -546,57 +517,58 @@ export default function FAQ() {
         )}
       </Container>
 
-      {/* Still have questions? - Simple Discord CTA */}
-      <Box 
-        sx={{ 
-          py: 8, 
-          borderTop: '1px solid',
-          borderColor: 'divider',
-        }}
-      >
+      {/* Still have questions? - Discord CTA */}
+      <Box sx={{ py: 8 }}>
         <Container maxWidth="md">
-          <Stack 
-            direction={{ xs: 'column', sm: 'row' }} 
-            alignItems="center" 
-            justifyContent="space-between"
-            spacing={3}
+          <Box
+            component="a"
+            href="https://discord.gg/2bAhWfXme9"
+            target="_blank"
+            rel="noopener noreferrer"
             sx={{
-              p: 4,
+              display: 'flex',
+              flexDirection: { xs: 'column', sm: 'row' },
+              alignItems: { xs: 'flex-start', sm: 'center' },
+              justifyContent: 'space-between',
+              gap: 3,
+              p: { xs: 4, md: 5 },
               borderRadius: 4,
-              background: 'linear-gradient(135deg, #5865F2 0%, #7289DA 100%)',
-              color: 'white',
+              background: '#0f0f1a',
+              border: '1px solid rgba(255,255,255,0.08)',
+              textDecoration: 'none',
+              transition: 'all 0.3s ease',
+              '&:hover': {
+                borderColor: 'rgba(255,255,255,0.2)',
+              },
             }}
           >
-            <Stack direction="row" spacing={2} alignItems="center">
-              <Box sx={{ fontSize: 32 }}>💬</Box>
+            <Stack direction="row" spacing={3} alignItems="center">
+              <Box
+                component="img"
+                src="/assets/discord-logo.svg"
+                alt="Discord"
+                sx={{ width: 48, height: 48, opacity: 0.9 }}
+              />
               <Box>
-                <Typography variant="h6" sx={{ fontWeight: 700, mb: 0.25 }}>
+                <Typography variant="h5" sx={{ color: 'white', fontWeight: 600, mb: 0.5 }}>
                   Need more help?
                 </Typography>
-                <Typography variant="body2" sx={{ opacity: 0.9 }}>
-                  Join our Discord to chat with the community and the Pollen team.
+                <Typography sx={{ color: 'rgba(255,255,255,0.5)', fontSize: 14 }}>
+                  Join our Discord to chat with 500+ makers and the Pollen team.
                 </Typography>
               </Box>
             </Stack>
-            <Button
-              variant="contained"
-              href="https://discord.gg/2bAhWfXme9"
-              target="_blank"
-              endIcon={<OpenInNewIcon />}
+            <Typography
               sx={{
-                flexShrink: 0,
-                backgroundColor: 'white',
-                color: '#5865F2',
-                fontWeight: 600,
-                px: 3,
-                '&:hover': {
-                  backgroundColor: 'rgba(255,255,255,0.9)',
-                },
+                color: 'rgba(255,255,255,0.6)',
+                fontSize: 14,
+                fontWeight: 500,
+                whiteSpace: 'nowrap',
               }}
             >
-              Join Discord
-            </Button>
-          </Stack>
+              Join Discord →
+            </Typography>
+          </Box>
         </Container>
       </Box>
     </Layout>