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