Menu octopus
This commit is contained in:
parent
58ce0af44e
commit
53ae6365f4
@ -57,13 +57,7 @@ const Footer = () => {
|
||||
sx={{ marginTop: 1, textAlign: { xs: "center", md: "left" } }}
|
||||
>
|
||||
<strong>Email :</strong>{" "}
|
||||
<Link
|
||||
// href="mailto:contact@be-in3.com"
|
||||
underline="hover"
|
||||
sx={{ color: "white" }}
|
||||
>
|
||||
contact@octopusdesign.fr
|
||||
</Link>
|
||||
</Typography>
|
||||
</Grid>
|
||||
|
||||
|
||||
@ -150,7 +150,7 @@ const Header = () => {
|
||||
...commonButtonStyles,
|
||||
}}
|
||||
>
|
||||
Services
|
||||
Activités
|
||||
</Button>
|
||||
<Menu
|
||||
id="services-menu"
|
||||
@ -167,7 +167,7 @@ const Header = () => {
|
||||
onClick={handleMenuClose}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 1 }} />
|
||||
Prestation maitrise oeuvre
|
||||
Création de site Web
|
||||
</MenuItem>
|
||||
|
||||
<MenuItem
|
||||
@ -176,7 +176,7 @@ const Header = () => {
|
||||
onClick={handleMenuClose}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 1 }} />
|
||||
Structure béton | charpente métallique / bois
|
||||
Vidéos entreprise
|
||||
</MenuItem>
|
||||
|
||||
<MenuItem
|
||||
@ -185,7 +185,7 @@ const Header = () => {
|
||||
onClick={handleMenuClose}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 1}} />
|
||||
Électricité
|
||||
Graphisme
|
||||
</MenuItem>
|
||||
|
||||
<MenuItem
|
||||
@ -194,7 +194,7 @@ const Header = () => {
|
||||
onClick={handleMenuClose}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 1}} />
|
||||
Systeme Sécurité Incendie (SSI)
|
||||
Podcast
|
||||
</MenuItem>
|
||||
|
||||
<MenuItem
|
||||
@ -203,7 +203,7 @@ const Header = () => {
|
||||
onClick={handleMenuClose}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 1}} />
|
||||
expertises-tce
|
||||
Formations
|
||||
</MenuItem>
|
||||
|
||||
</Menu>
|
||||
@ -219,7 +219,7 @@ const Header = () => {
|
||||
...commonButtonStyles,
|
||||
}}
|
||||
>
|
||||
Réalisations
|
||||
Actualités
|
||||
</Button>
|
||||
<Button
|
||||
component={Link}
|
||||
@ -245,7 +245,7 @@ const Header = () => {
|
||||
...commonButtonStyles,
|
||||
}}
|
||||
>
|
||||
Bureau d'étude
|
||||
Formations
|
||||
</Button>
|
||||
<Button
|
||||
component={Link}
|
||||
@ -369,7 +369,7 @@ const Header = () => {
|
||||
selected={location.pathname.includes("/services/prestation-maitrise-oeuvre")}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 0.5 }} />
|
||||
<ListItemText primary="Prestation maitrise oeuvre" />
|
||||
<ListItemText primary="Création site web" />
|
||||
</ListItem>
|
||||
|
||||
<ListItem
|
||||
@ -379,7 +379,7 @@ const Header = () => {
|
||||
selected={location.pathname.includes("/services/structure-beton-charpente-metallique-bois")}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 0.5 }} />
|
||||
<ListItemText primary="Structure beton..." />
|
||||
<ListItemText primary="Vidéos entreprise..." />
|
||||
</ListItem>
|
||||
|
||||
<ListItem
|
||||
@ -391,7 +391,7 @@ const Header = () => {
|
||||
)}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 0.5 }} />
|
||||
<ListItemText primary="Electricité..." />
|
||||
<ListItemText primary="Graphisme..." />
|
||||
</ListItem>
|
||||
|
||||
<ListItem
|
||||
@ -403,7 +403,7 @@ const Header = () => {
|
||||
)}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 0.5 }} />
|
||||
<ListItemText primary="SSI..." />
|
||||
<ListItemText primary="Podcast..." />
|
||||
</ListItem>
|
||||
|
||||
<ListItem
|
||||
@ -415,7 +415,7 @@ const Header = () => {
|
||||
)}
|
||||
>
|
||||
<WorkIcon sx={{ marginRight: 0.5 }} />
|
||||
<ListItemText primary="Expertises-tce" />
|
||||
<ListItemText primary="Formations..." />
|
||||
</ListItem>
|
||||
|
||||
<ListItem
|
||||
@ -425,7 +425,7 @@ const Header = () => {
|
||||
selected={location.pathname === "/posts"}
|
||||
>
|
||||
<ArticleIcon sx={{ marginRight: 0.5 }} />
|
||||
<ListItemText primary="Réalisations" />
|
||||
<ListItemText primary="Actualités..." />
|
||||
</ListItem>
|
||||
|
||||
<ListItem
|
||||
|
||||
@ -107,17 +107,7 @@ const Home = () => {
|
||||
text={acf?.hero_text || "Texte par défaut"}
|
||||
textColor={acf?.hero_text_color || "#ffffff"}
|
||||
/>
|
||||
<Box sx={{ mt: 6, mb: 6, textAlign: "center" }}>
|
||||
<iframe
|
||||
src="https://player.cloudinary.com/embed/?cloud_name=dh5qgexjo&public_id=Standard_Mode_Animate_the_face_with_head_movem_niulqa&loop=true&hide_context_menu=true&control_bar[volumePanel]=false&title=Capsule&description=Starter%20Pack%20Capsule"
|
||||
width="1920"
|
||||
height="1080"
|
||||
style={{ height: "auto", width: "50%", aspectRatio: "1920 / 1080" }}
|
||||
allow="autoplay; fullscreen; encrypted-media; picture-in-picture"
|
||||
allowFullScreen
|
||||
frameBorder="0"
|
||||
></iframe>
|
||||
</Box>
|
||||
|
||||
{/* Section Construisons */}
|
||||
<ConstructSection
|
||||
constructTitle={
|
||||
|
||||
@ -62,7 +62,7 @@ const truncateText = (text, maxLength) => {
|
||||
|
||||
return (
|
||||
<Box sx={{ padding: "40px 20px" }}>
|
||||
<Typography variant="h2" sx={{ fontWeight: "bold", color:"#315397", textAlign: "center", mb: 4, mt:5 }}>
|
||||
<Typography variant="h1" sx={{ fontWeight: "bold", fontSize: "3em", color:"#315397", textAlign: "center", mb: 4, mt:5 }}>
|
||||
L'actualité du numérique
|
||||
</Typography>
|
||||
|
||||
@ -80,7 +80,7 @@ const truncateText = (text, maxLength) => {
|
||||
<CardMedia component="img" height="200" image={post.image} alt={post.title.rendered} />
|
||||
)}
|
||||
<CardContent>
|
||||
<Typography variant="h5" sx={{ fontWeight: "bold" }}>
|
||||
<Typography variant="h2" sx={{ fontWeight: "bold", fontSize: "1.5em", color:"#315397"}}>
|
||||
{post.title.rendered}
|
||||
</Typography>
|
||||
<Typography variant="body2" sx={{ mt: 1 }}>
|
||||
|
||||
@ -23,7 +23,6 @@ const PostDetails = () => {
|
||||
if (response.data.length > 0) {
|
||||
const article = response.data[0];
|
||||
setPost(article);
|
||||
console.log("✅ Article trouvé :", article);
|
||||
|
||||
if (article.featured_media) {
|
||||
console.log(`📢 Récupération de l'image ID : ${article.featured_media}`);
|
||||
@ -69,7 +68,7 @@ const PostDetails = () => {
|
||||
component="img"
|
||||
src={image}
|
||||
alt={post.title.rendered}
|
||||
sx={{ width: "100%", maxHeight: "400px", objectFit: "cover", borderRadius: "8px", mb: 3 }}
|
||||
sx={{ width: "100%", maxHeight: "400px", objectFit: "cover", borderRadius: "10px 0 10px 10px", mb: 3 }}
|
||||
/>
|
||||
)}
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user