Skip to content

Commit 00533cf

Browse files
larbi-ishaklarbi-ishak
committed
fdsa
1 parent d431952 commit 00533cf

File tree

4 files changed

+58
-32
lines changed

4 files changed

+58
-32
lines changed

‎pages/discover/index.js

Lines changed: 46 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,39 @@
1-
import { Text, Grid, Center, Button} from "@mantine/core";
1+
import { createStyles, Text, Grid, Center, Button} from "@mantine/core";
22
import BaseButton from "@/src/components/baseButton";
33
import { VenteCard } from "@/src/components/productsComponents/mainProd2";
44
import Head from "next/head";
55
import { CardsCarousel } from "@/src/components/carousel";
66
import Image from "next/image";
77
import Link from "next/link";
88

9+
10+
11+
const useStyles = createStyles((theme) => ({
12+
banner: {
13+
marginTop: "20px",
14+
color:"white",
15+
width: "100%",
16+
backgroundColor: "#5f594f",
17+
height: "350px",
18+
},
19+
IcoText: {
20+
fontWeight: "300",
21+
letterSpacing: "1px",
22+
marginLeft: "10px",
23+
marginTop: '-20px',
24+
},
25+
bannerContent:{
26+
margin:"5px auto",
27+
width: "1000px"
28+
}
29+
}));
30+
31+
32+
33+
34+
935
const Events = ({ bestSelling }) => {
36+
const { classes, theme } = useStyles();
1037

1138
const styles= {
1239
select: {
@@ -17,14 +44,6 @@ const Events = ({ bestSelling }) => {
1744
marginLeft: "10px",
1845
fontWeight: "600",
1946
},
20-
banner: {
21-
backgroundColor: "#ccc",
22-
height: "150px",
23-
},
24-
bannerContent: {
25-
width: "700px",
26-
margin: "20px auto"
27-
},
2847
option: {
2948
fontWeight: "600",
3049
},
@@ -69,7 +88,7 @@ const Events = ({ bestSelling }) => {
6988
</Grid>
7089
<Grid>
7190
<Grid.Col sm={10} offset={1} md={5}>
72-
<Image src={"/VIT_D.jpg"} style={{borderRadius: "32px"}} width={500} height={380} />
91+
<Image src={"/VIT_D.jpg"} style={{borderRadius: "32px"}} objectFit={"contain"} width={500} height={380} />
7392
</Grid.Col>
7493
<Grid.Col style={{margin: "50px"}} sm={10} md={5}>
7594
<h2>DÉCOUVREZ Les Vitamines D3 a plusieurs dosages </h2>
@@ -80,26 +99,32 @@ const Events = ({ bestSelling }) => {
8099
</Grid>
81100

82101
<Grid style={{marginTop: "20px"}}>
83-
<Grid.Col style={{paddingLeft: "50px",display: "flex", justifyContent:"center", flexDirection: "column"}} offset={1} sm={10} md={5}>
102+
<Grid.Col style={{paddingLeft: "30px",display: "flex", justifyContent:"center", flexDirection: "column"}} offset={1} sm={10} md={5}>
84103
<h1 style={{textTransform: "uppercase"}}>Apple Cider Complex<br /> Newgate </h1>
85104
<p>lorem ipsum </p>
86105
<BaseButton link={"/products/1"} text={"Découvrir le produit"} />
87106
</Grid.Col>
88107
<Grid.Col sm={10} md={5}>
89-
<Image src={"/appl2.jpg"} width={500} height={500} />
108+
<Image src={"/appl2.jpg"} width={500} height={500} objectFit={"contain"}/>
90109
</Grid.Col>
91110
</Grid>
92111

93-
<section styles={styles.banner}>
94-
LA MAJORITÉ DE NOS PRODUITS SONT
95-
<Grid style={styles.bannerContent}>
96-
<Grid.Col span={2}><Image src={"/icon1.png"} width={180} height={180} /><br />SANS OGM</Grid.Col>
97-
<Grid.Col span={2}><Image src={"/icon2.png"} width={180} height={180} /><br />VÉGÉTALIEN</Grid.Col>
98-
<Grid.Col span={2}><Image src={"/icon3.png"} width={180} height={180} /><br /> SANS GLUTEN</Grid.Col>
99-
<Grid.Col span={2}><Image src={"/icon4.png"} width={180} height={180} /><br />SANS PRODUITS LAITIERS</Grid.Col>
100-
<Grid.Col span={2}><Image src={"/icon1.png"} width={180} height={180} /><br />HALAL</Grid.Col>
112+
<section className={classes.banner}>
113+
<Center>
114+
<h4 style={{marginTop: "30px"}}>
115+
LA MAJORITÉ DE NOS PRODUITS SONT
116+
</h4>
117+
</Center>
118+
<Center>
119+
<Grid className={classes.bannerContent}>
120+
<Grid.Col span={2}><Image src={"/icon1.png"} width={180} height={180} objectFit={"contain"} /><br /><Center className={classes.IcoText}>SANS OGM</Center></Grid.Col>
121+
<Grid.Col span={2}><Image src={"/icon2.png"} width={180} height={180} objectFit={"contain"} /><br /><Center className={classes.IcoText}>VÉGÉTALIEN</Center></Grid.Col>
122+
<Grid.Col span={2}><Image src={"/icon3.png"} width={180} height={180} objectFit={"contain"} /><br /><Center className={classes.IcoText}>SANS GLUTEN</Center></Grid.Col>
123+
<Grid.Col span={2}><Image src={"/icon4.png"} width={180} height={180} objectFit={"contain"} /><br /><Center className={classes.IcoText}>SANS PRODUITS LAITIERS</Center></Grid.Col>
124+
<Grid.Col span={2}><Image src={"/icon1.png"} width={180} height={180} objectFit={"contain"} /><br /><Center className={classes.IcoText}>HALAL</Center></Grid.Col>
101125
</Grid>
102-
</section>
126+
</Center>
127+
</section>
103128

104129
<section style={{margin: "40px 0", textTransform: "uppercase"}}>
105130
<Center> <h2>Découvrez nos offres du moment</h2> </Center>

‎pages/products/d3/index.js

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Text, Grid, Center} from "@mantine/core";
1+
import { Text, Grid, Center, Divider} from "@mantine/core";
22
import { BadgeCard } from "@/src/components/productsComponents/mainProd";
33
import Head from "next/head";
44

@@ -52,12 +52,13 @@ const Events = ({ productsList }) => {
5252
/>
5353
<link rel="icon" href="/favicon.ico" />
5454
</Head>
55-
<div>
56-
<h1 >Collection Vitamine D3</h1>
57-
<Text>  C’est la forme la plus active de vitamine D. Elle se forme dans la peau lorsque celle-ci est exposée à la lumière directe du soleil. La source alimentaire la plus commune est constituée des aliments enrichis en vitamines, principalement les céréales et les produits laitiers. La vitamine D est aussi présente dans les huiles de foie de poisson, les poissons gras, le jaune d’œuf et le foie. </Text>
55+
<div style={{margin: '80px'}}>
56+
<h2 style={{marginTop: "20px",marginBottom:"10px", color: "#937b44"}}>Collection Vitamine D3</h2>
57+
<Text style={{marginBottom: "10px"}}>  C’est la forme la plus active de vitamine D. Elle se forme dans la peau lorsque celle-ci est exposée à la lumière directe du soleil. La source alimentaire la plus commune est constituée des aliments enrichis en vitamines, principalement les céréales et les produits laitiers. La vitamine D est aussi présente dans les huiles de foie de poisson, les poissons gras, le jaune d’œuf et le foie. </Text>
5858

59+
<Divider />
5960
<Center>
60-
<Grid style={{padding: "30px" }}>
61+
<Grid style={{padding: "30px"}}>
6162
{productsList &&
6263
productsList.map((product) => {
6364
return (

‎pages/products/index.js

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Text, Grid, Center} from "@mantine/core";
1+
import { Text, Grid, Center, Divider} from "@mantine/core";
22
import { BadgeCard } from "@/src/components/productsComponents/mainProd";
33
import Head from "next/head";
44

@@ -53,11 +53,10 @@ const Events = ({ productsList }) => {
5353
/>
5454
<link rel="icon" href="/favicon.ico" />
5555
</Head>
56-
<div>
57-
<Center>
58-
<h1 >Produits</h1>
59-
</Center>
56+
<div style={{margin:"80px"}}>
57+
<h2 style={{marginTop: "20px",marginBottom:"10px", color: "#937b44"}}>NOS PRODUITS</h2>
6058

59+
<Divider />
6160
<Grid style={{padding: "30px" }}>
6261
{productsList &&
6362
productsList.map((product) => {

‎src/components/baseButton.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ const useStyles = createStyles((theme) => ({
99
fontWeight: "bold",
1010
textTransform: "uppercase",
1111
padding: "15px 40px",
12+
lineBreak: "initial"
1213
},
1314
}));
1415

@@ -17,7 +18,7 @@ export default function BaseButton({ link, text}) {
1718

1819
return (
1920
<>
20-
<div style={{marginLeft: "15px", marginTop: "20px"}}>
21+
<div style={{marginLeft: "10px", marginTop: "20px"}}>
2122
<Link className={classes.Link} href={link}>{text}</Link>
2223
</div>
2324
</>

0 commit comments

Comments
 (0)