Skip to content

Commit b528644

Browse files
sahilsiansahilsian
committed
new website
1 parent 61e00ff commit b528644

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

84 files changed

+26535
-1682
lines changed

‎README.md

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
```
12+
13+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14+
15+
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
16+
17+
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
18+
19+
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
20+
21+
## Learn More
22+
23+
To learn more about Next.js, take a look at the following resources:
24+
25+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
27+
28+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
29+
30+
## Deploy on Vercel
31+
32+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
33+
34+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎comps/content/index.js

+35-140
Original file line numberDiff line numberDiff line change
@@ -1,153 +1,48 @@
1-
import react from 'react';
1+
import React, {useState, useEffect} from 'react'
22
import styled from 'styled-components'
3-
import Typography from '@material-ui/core/Typography'
4-
import FacebookIcon from '@material-ui/icons/Facebook';
5-
import AutorenewIcon from '@material-ui/icons/Autorenew';
6-
import EmailIcon from '@material-ui/icons/Email';
7-
import ReplayIcon from '@material-ui/icons/Replay';
83

9-
const ContentContainer = styled.section`
4+
const Container = styled.div`
105
width: 100%;
11-
max-width: 80%;
126
height: 100%;
13-
min-height: 200px;
14-
margin: 0 auto;
15-
padding: 150px 20px;
16-
`;
7+
min-height: 50px;
8+
`
179

18-
const Heading = styled.div`
19-
text-align: center;
20-
width: 85%;
21-
color: #121037;
22-
margin: 0 auto;
23-
margin-bottom: 50px;
24-
.heading {
25-
font-weight: bold;
26-
display: inline;
27-
}
10+
const Content = ({children }) => {
11+
2812

29-
.subtitle {
30-
display: block;
31-
}
32-
33-
.gold-heading {
34-
color: #F9B934;
35-
display: inline;
36-
}
37-
38-
.textarea {
39-
margin-top: 30px;
40-
}
41-
`;
42-
43-
const Boxes = styled.div`
44-
display: flex;
45-
width: 100%;
46-
margin: 20px 0px;
47-
`;
48-
49-
const Box = styled.div`
50-
flex: 1;
51-
border: 1px solid #3f51b540;
52-
min-height: 300px;
53-
margin-left: 10px;
54-
margin-right: 10px;
55-
border-radius: 10px;
56-
box-shadow: 0 2px 10px 0 rgba(23,70,161,.11);
57-
display: flex;
58-
flex-direction: column;
59-
justify-content: center;
60-
align-items: center;
61-
padding: 40px 0;
62-
.title {
63-
font-weight: bold;
64-
margin-top: 20px;
65-
margin-bottom: 10px;
66-
}
67-
68-
.body {
69-
width: 90%;
70-
text-align: center;
71-
}
72-
`;
7313

74-
const IconContainer = styled.div`
75-
background: #e8eaf6;
76-
width: 67pt;
77-
height: 67pt;
78-
border-radius: 24px;
79-
justify-content: center;
80-
display: flex;
81-
align-items: center;
82-
`;
8314

84-
const Content = () => {
8515
return (
86-
<ContentContainer>
87-
<Heading>
88-
<Typography className={"heading"} variant="h3" component="h3">
89-
We are a Passionate and Results Driven Company that Puts your
90-
</Typography>
91-
<Typography className={"heading gold-heading"} variant="h3" component="h3">
92-
{" "} Marital Arts Business First
93-
</Typography>
94-
<Typography variant="h5" className={"subtitle textarea"} component="h5">
95-
We specialize exclusively in Martial Arts schools and know the exact systems to automate so that you receive a predictable and consistent flow of steady new leads.
96-
</Typography>
97-
</Heading>
16+
17+
<Container>
18+
{children}
19+
</Container>
20+
21+
)
22+
}
9823

99-
<Boxes>
100-
<Box>
101-
<IconContainer>
102-
<FacebookIcon style={{ fontSize: 55, color: "#3549b1" }} />
103-
104-
</IconContainer>
105-
<Typography variant="h5" className={"title"} component="h5">
106-
Social Media
107-
</Typography>
108-
<Typography variant="p" className={"body"} component="p">
109-
We build custom Facebook & Instagram ads for your business to target your future new dream clients. We put together the offer, ad set and images that are meant to speak directly to your ideal members.
110-
</Typography>
111-
</Box>
112-
<Box>
113-
<IconContainer>
114-
<EmailIcon style={{ fontSize: 55, color: "#3549b1" }} />
115-
</IconContainer>
116-
<Typography variant="h5" className={"title"} component="h5">
117-
Automation
118-
</Typography>
119-
<Typography variant="p" className={"body"} component="p">
120-
Once your new lead enters their information, we automate it so you will be notified via email and your new lead will be thanked by email and text. Their information will then be stored in a CRM to build up your email list.
121-
</Typography>
122-
</Box>
123-
</Boxes>
124-
<Boxes>
125-
<Box>
126-
<IconContainer>
127-
<EmailIcon style={{ fontSize: 55, color: "#3549b1" }} />
128-
</IconContainer>
129-
<Typography variant="h5" className={"title"} component="h5">
130-
Email
131-
</Typography>
132-
<Typography variant="p" className={"body"} component="p">
133-
Once we have the new leads in your data base, we send them an automated email sequence to help them warm up to you and your studio. This is where we showcase how much value you can bring to them with the goal to get them to know, like and trust you enough to be a paying customer!
134-
</Typography>
135-
</Box>
136-
<Box>
137-
<IconContainer>
138-
<ReplayIcon style={{ fontSize: 55, color: "#3549b1" }} />
139-
</IconContainer>
140-
<Typography variant="h5" className={"title"} component="h5">
141-
Retargeting
142-
</Typography>
143-
<Typography variant="p" className={"body"} component="p">
144-
Retargeting is defined as showing ads only to individuals who have interacted with your ads or page before which makes retargeting one of the most powerful and cost-effective ways to drive leads and conversions.
145-
</Typography>
146-
</Box>
147-
</Boxes>
24+
// export async function getStaticProps() {
25+
26+
// const res = await fetch('https://api.dismegle.com/user?id=555221466522714113', {
27+
// method: 'GET',
28+
// headers: {
29+
// 'Authorization': 'MjAyMEBDaGF0QW5kU2hhcmU=',
30+
// 'Content-Type': 'application/json',
31+
// 'Access-Control-Allow-Origin':'*'
32+
// }
33+
// });
34+
// const user = await res.json();
35+
36+
// return { // done
37+
// props: {
38+
// user,
39+
// },
40+
// // Next.js will attempt to re-generate the page:
41+
// // - When a request comes in
42+
// // - At most once every second
43+
// revalidate: 10, // In seconds
44+
// } // can u see what posts is defined as
45+
// }
14846

149-
</ContentContainer>
150-
)
151-
}
15247

15348
export default Content;

‎comps/currentqueue/index.js

+98
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
import React from 'react';
2+
import styled from 'styled-components';
3+
import AddRoundedIcon from '@material-ui/icons/AddRounded';
4+
5+
const IconContainer = styled.div`
6+
width: 30px;
7+
height: 30px;
8+
border-radius: 100%;
9+
background-image: url(${props=>props.pic ? props.pic : "https://cdn.discordapp.com/avatars/555221466522714113/4e4823523a7cda7b07ffc378b431e09c.png?size=1024"});
10+
background-size: cover;
11+
box-shadow: 1px 1px 10px #000000;
12+
position: relative;
13+
margin-left: -10px;
14+
`;
15+
16+
const Status = styled.div`
17+
position: absolute;
18+
background-color: #43b581;
19+
width: 12px;
20+
height: 12px;
21+
border-radius: 100%;
22+
bottom: 0;
23+
right: 0;
24+
box-shadow: 1px 1px 4px #000000;
25+
`;
26+
27+
const Wrapper = styled.div`
28+
display: flex;
29+
width: auto;
30+
align-items: center;
31+
`;
32+
33+
const GradientDrop = styled.div`
34+
position: absolute;
35+
z-index: 2;
36+
top: 0;
37+
right: 0;
38+
width: 100%;
39+
height: 100%;
40+
41+
42+
.last {
43+
background: #ffffff !important;
44+
}
45+
`;
46+
47+
const Increase = styled.span`
48+
color: #fff;
49+
margin: 0px 15px;
50+
display: flex;
51+
align-items: center;
52+
background-color: #8193b2;
53+
padding: 4px 12px;
54+
font-weight: bold;
55+
border-radius: 100px;
56+
box-shadow: 1px 1px 10px #000000;
57+
font-size: 12px;
58+
`;
59+
60+
const pfp = [
61+
'https://cdn.discordapp.com/avatars/725583125823881317/da3a9d0c87f287b0217642738619025e.jpg?size=128',
62+
'https://cdn.discordapp.com/avatars/651138419644170247/057997110e608eb21efd0b5cab56c7b3.jpg?size=128',
63+
'https://cdn.discordapp.com/avatars/292054583813865473/5bdb0062c77256af2550cbb844078700.jpg?size=128',
64+
'https://cdn.discordapp.com/avatars/462405309365747712/d3dd5439b90c4c82fdaaf87e5263ea96.jpg?size=128',
65+
'https://cdn.discordapp.com/embed/avatars/3.png',
66+
'https://cdn.discordapp.com/avatars/439914813192404992/e8be69b6599ebdb6c3e1d7fbf35cc3fd.jpg?size=128',
67+
'https://cdn.discordapp.com/embed/avatars/2.png',
68+
'https://cdn.discordapp.com/avatars/659113201568579596/c4064ca4732c67fd205c8a1f85236dc4.jpg?size=128',
69+
'https://cdn.discordapp.com/embed/avatars/0.png',
70+
'https://cdn.discordapp.com/avatars/533411112452882432/d1789ba1ef9b15d7b5ebc6aa4ea6c1f6.jpg?size=128'
71+
]
72+
73+
74+
const CurrentQueueIcon = ({}) => {
75+
return (
76+
<Wrapper>
77+
78+
{pfp.map((i) => {
79+
return (
80+
<IconContainer pic={i}>
81+
<GradientDrop></GradientDrop>
82+
</IconContainer>
83+
)
84+
})
85+
86+
}
87+
88+
89+
90+
<Increase>
91+
<AddRoundedIcon style={{ fontSize: 17 }} /> 3000 Others
92+
</Increase>
93+
</Wrapper>
94+
95+
)
96+
}
97+
98+
export default CurrentQueueIcon

‎comps/footer/index.js

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import React from 'react';
2+
import styled from 'styled-components';
3+
4+
const Container = styled.footer`
5+
width: 100%;
6+
border-top: 1px solid #eee;
7+
`;
8+
9+
const ContainerMargin = styled.div`
10+
width: 100%;
11+
max-width: 1200px;
12+
margin: auto;
13+
padding: 100px 30px;
14+
`;
15+
16+
const Col = styled.div`
17+
flex: 1;
18+
padding: 0px 20px;
19+
`;
20+
21+
const P = styled.a`
22+
width: 100%;
23+
display: block;
24+
transition: all 0.2s ease;
25+
padding: 12px 15px;
26+
border-radius: 5px;
27+
cursor: pointer;
28+
29+
&:hover {
30+
opacity: 0.7;
31+
transition: all 0.2s ease;
32+
background-color: #eee;
33+
34+
}
35+
`;
36+
37+
const Title = styled.p`
38+
margin: 0.5em 0px;
39+
font-size: 1.2em;
40+
`;
41+
42+
43+
44+
const Footer = ({}) => {
45+
return (
46+
<Container>
47+
<ContainerMargin>
48+
49+
<Title style={{fontWeight: "bold"}}>Sahil Sian</Title>
50+
<Title>[email protected]</Title>
51+
<Title>778-952-6800</Title>
52+
53+
</ContainerMargin>
54+
55+
</Container>
56+
)
57+
}
58+
59+
export default Footer;

0 commit comments

Comments
 (0)