Redesign da pagina de projetos

components/projects-components/projectsv2/CubeSats.jsx

@@ -0,0 +1,22 @@
+import { Button, Typography } from '@mui/material';
+import Grid from '@mui/material/Unstable_Grid2';
+import React, { useState } from 'react';
+
+export default function CubeSats() {
+    // precisa colocar a navbar aqui
+    return (
+        <Grid container sx={{border: 1, borderColor: 'red'}}>
+            <Grid sm={12} md={12} p={2}>
+                <Button size="small" color="primary" href='/projetos'>
+                    Voltar para página de projetos
+                </Button>
+            </Grid>
+
+            <Grid sm={12} md={6} p={2} sx={{border:1}}>
+                <Typography gutterBottom variant="h2" component="div" >
+                    Cubesats
+                </Typography>
+            </Grid>
+        </Grid>
+    )
+}

components/projects-components/projectsv2/Educacional.jsx

@@ -0,0 +1,16 @@
+import { Typography } from '@mui/material';
+import Grid from '@mui/material/Unstable_Grid2';
+import React, { useState } from 'react';
+
+export default function Educacional() {
+    // precisa colocar a navbar aqui
+    return (
+        <Grid container>
+            <Grid sm={12} md={6} p={2}>
+                <Typography gutterBottom variant="h2" component="div" >
+                    Educacional
+                </Typography>
+            </Grid>
+        </Grid>
+    )
+}

components/projects-components/projectsv2/Hardware.jsx

@@ -0,0 +1,16 @@
+import { Typography } from '@mui/material';
+import Grid from '@mui/material/Unstable_Grid2';
+import React, { useState } from 'react';
+
+export default function Hardware() {
+    // precisa colocar a navbar aqui
+    return (
+        <Grid container>
+            <Grid sm={12} md={6} p={2}>
+                <Typography gutterBottom variant="h2" component="div" >
+                    Hardware
+                </Typography>
+            </Grid>
+        </Grid>
+    )
+}

components/projects-components/projectsv2/ProjectsTabNew.jsx

@@ -0,0 +1,132 @@
+import React, { useState } from 'react';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import Grid from '@mui/material/Unstable_Grid2';
+import { Button, CardActionArea, CardActions, Typography } from '@mui/material';
+import CardMedia from '@mui/material/CardMedia';
+
+export default function ProjectsTabNew () {
+    return (
+        <Grid container sx={{backgroundColor: "black"}}>
+            <Grid sm={12} md={6} p={2}>
+                <Card sx={{border: 1, borderColor: "orange", backgroundColor: "black"}}>
+                <CardMedia
+                    sx={{ height: 140 }}
+                    image="/images/Projetos/SondasAeroespaciais/Garatéa-II/photo4.webp"
+                    title="green iguana"
+                />
+                <CardContent>
+                    <Typography gutterBottom variant="h5" component="div" color="white">
+                        Sondas aeroespaciais
+                    </Typography>
+                    <Typography variant="body2" color="white">
+                        Lizards are a widespread group of squamate reptiles, with over 6,000
+                        species, ranging across all continents except Antarctica
+                    </Typography>
+                </CardContent>
+                    <CardActions>
+                        <Button size="small" color="primary" href='/projetos/sondas-aeroespaciais'>
+                            Saiba mais
+                        </Button>
+                    </CardActions>
+                </Card>
+            </Grid>
+
+            <Grid sm={12} md={6} p={2}>
+                <Card sx={{border: 1, borderColor: "orange", backgroundColor: "black"}}>
+                <CardMedia
+                    sx={{ height: 140 }}
+                    image="/images/Projetos/SondasAeroespaciais/Garatéa-II/photo4.webp"
+                    title="green iguana"
+                />
+                <CardContent>
+                    <Typography gutterBottom variant="h5" component="div" color="white">
+                        CubeSats
+                    </Typography>
+                    <Typography variant="body2" color="white">
+                        Lizards are a widespread group of squamate reptiles, with over 6,000
+                        species, ranging across all continents except Antarctica
+                    </Typography>
+                </CardContent>
+                    <CardActions>
+                        <Button size="small" color="primary" href='/projetos/cubesats'>
+                            Saiba mais
+                        </Button>
+                    </CardActions>
+                </Card>
+            </Grid>
+
+            <Grid sm={12} md={6} p={2}>
+                <Card sx={{border: 1, borderColor: "orange", backgroundColor: "black"}}>
+                <CardMedia
+                    sx={{ height: 140 }}
+                    image="/images/Projetos/SondasAeroespaciais/Garatéa-II/photo4.webp"
+                    title="green iguana"
+                />
+                <CardContent>
+                    <Typography gutterBottom variant="h5" component="div" color="white">
+                        Software
+                    </Typography>
+                    <Typography variant="body2" color="white">
+                        Lizards are a widespread group of squamate reptiles, with over 6,000
+                        species, ranging across all continents except Antarctica
+                    </Typography>
+                </CardContent>
+                    <CardActions>
+                        <Button size="small" color="primary" href='/projetos/software'>
+                            Saiba mais
+                        </Button>
+                    </CardActions>
+                </Card>
+            </Grid>
+
+            <Grid sm={12} md={6} p={2}>
+                <Card sx={{border: 1, borderColor: "orange", backgroundColor: "black"}}>
+                <CardMedia
+                    sx={{ height: 140 }}
+                    image="/images/Projetos/SondasAeroespaciais/Garatéa-II/photo4.webp"
+                    title="green iguana"
+                />
+                <CardContent>
+                    <Typography gutterBottom variant="h5" component="div" color="white">
+                        Hardware
+                    </Typography>
+                    <Typography variant="body2" color="white">
+                        Lizards are a widespread group of squamate reptiles, with over 6,000
+                        species, ranging across all continents except Antarctica
+                    </Typography>
+                </CardContent>
+                    <CardActions>
+                        <Button size="small" color="primary" href='/projetos/hardware'>
+                            Saiba mais
+                        </Button>
+                    </CardActions>
+                </Card>
+            </Grid>
+
+            <Grid sm={12} md={6} p={2}>
+                <Card sx={{border: 1, borderColor: "orange", backgroundColor: "black"}}>
+                <CardMedia
+                    sx={{ height: 140 }}
+                    image="/images/Projetos/SondasAeroespaciais/Garatéa-II/photo4.webp"
+                    title="green iguana"
+                />
+                <CardContent>
+                    <Typography gutterBottom variant="h5" component="div" color="white">
+                        Educacional
+                    </Typography>
+                    <Typography variant="body2" color="white" href='/projetos/educacional'>
+                        Lizards are a widespread group of squamate reptiles, with over 6,000
+                        species, ranging across all continents except Antarctica
+                    </Typography>
+                </CardContent>
+                    <CardActions>
+                        <Button size="small" color="primary">
+                            Saiba mais
+                        </Button>
+                    </CardActions>
+                </Card>
+            </Grid>
+        </Grid>
+    )
+}

components/projects-components/projectsv2/Software.jsx

@@ -0,0 +1,21 @@
+import { Typography } from '@mui/material';
+import Grid from '@mui/material/Unstable_Grid2';
+import React, { useState } from 'react';
+
+export default function Software() {
+    // precisa colocar a navbar aqui
+    return (
+        <Grid container>
+            <Grid sm={12} md={6} p={2}>
+                <Button size="small" color="primary" href='/projetos'>
+                    Voltar para página de projetos
+                </Button>
+            </Grid>
+            <Grid sm={12} md={6} p={2}>
+                <Typography gutterBottom variant="h2" component="div" >
+                    Software
+                </Typography>
+            </Grid>
+        </Grid>
+    )
+}

components/projects-components/projectsv2/SondasAeroespaciais.jsx

@@ -0,0 +1,22 @@
+import { Button, Typography } from '@mui/material';
+import Grid from '@mui/material/Unstable_Grid2';
+import React, { useState } from 'react';
+
+export default function SondasAeroespaciais() {
+    // precisa colocar a navbar aqui
+    return (
+        <Grid container sx={{border: 1, borderColor: 'red'}}>
+            <Grid sm={12} md={12} p={2}>
+                <Button size="small" color="primary" href='/projetos'>
+                    Voltar para página de projetos
+                </Button>
+            </Grid>
+
+            <Grid sm={12} md={6} p={2} sx={{border:1}}>
+                <Typography gutterBottom variant="h2" component="div" >
+                    Sondas aeroespaciais
+                </Typography>
+            </Grid>
+        </Grid>
+    )
+}