Skip to content

Commit f457509

Browse files
author
Programming-Sai
committed
Done With the Privacy policy page. now commencing code cleanup in preparation for static hosting
1 parent 0a9691a commit f457509

File tree

13 files changed

+1041
-166
lines changed

13 files changed

+1041
-166
lines changed

‎public/privacyheroanim.gif‎

8.73 MB
Loading

‎src/app/contact/page.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import ContactContentSection from '@/components/contactcontentsection/ContactCon
99

1010

1111

12-
const Contact = ({ slug }) => {
12+
const Contact = () => {
1313
return (
1414
<>
1515
<Navbar />

‎src/app/layout.js‎

Lines changed: 14 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,41 @@
1-
import './globals.css';
2-
import { Inter } from 'next/font/google';
3-
import { ThemeContextProvider } from '@/context/ThemeContext';
4-
import ThemeProvider from '@/providers/ThemeProvider';
5-
import ScrollToTopWrapper from '@/components/scrolltotopwrapper/ScrollToTopWrapper';
1+
import "./globals.css";
2+
import { Inter } from "next/font/google";
3+
import { ThemeContextProvider } from "@/context/ThemeContext";
4+
import ThemeProvider from "@/providers/ThemeProvider";
5+
import ScrollToTopWrapper from "@/components/scrolltotopwrapper/ScrollToTopWrapper";
66

7-
8-
9-
const inter = Inter({ subsets: ['latin'] });
7+
const inter = Inter({ subsets: ["latin"] });
108

119
export const metadata = {
12-
title: 'Blog App',
13-
description: 'The best blog app!',
14-
}
10+
title: "Blog App",
11+
description: "The best blog app!",
12+
};
1513

1614
export default function RootLayout({ children }) {
1715
return (
1816
<html lang="en">
1917
<body className={inter.className}>
2018
<ThemeContextProvider>
2119
<ThemeProvider>
22-
<div className="container" id='top'>
20+
<div className="container" id="top">
2321
<div className="wrapper">
24-
<ScrollToTopWrapper>
25-
{children}
26-
</ScrollToTopWrapper>
22+
<ScrollToTopWrapper>{children}</ScrollToTopWrapper>
2723
</div>
2824
</div>
25+
<span id="bottom" />
2926
</ThemeProvider>
3027
</ThemeContextProvider>
3128
</body>
3229
</html>
3330
);
3431
}
3532

36-
3733
// ToDO 1. Add a robots.txt
38-
// 2. Add alt text to all images
34+
// 2. Add alt text to all images
3935
// 3. Fix Side Panel to look nicer
4036
// 4. What are the techniques for good SEO
4137
// 5. Clicking on the category name in a blog takes you to the categories page
4238
// 6. Add Sitemap
4339
// 7. Calculate the reading time for each blog.
4440
// 8. What should be on the dashboard.
45-
// 9.
41+
// 9.

‎src/app/privacy-policy/page.jsx‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
import React from "react";
2+
import styles from "./privacypolicy.module.css";
3+
import Wrapper from "@/components/pagewrapper/Wrapper";
4+
import Navbar from "@/components/navbar/Navbar";
5+
import Footer from "@/components/footer/Footer";
6+
import PopularPosts from "@/components/popularposts/PopularPosts";
7+
import PrivacyPolicyContent from "@/components/privacypolicycontent/PrivacyPolicyContent";
8+
import PrivacyPolicyHeroSection from "@/components/privacypolicyherosection/PrivacyPolicyHeroSection";
9+
10+
const PrivacyPolicy = () => {
11+
return (
12+
<>
13+
<Navbar />
14+
<Wrapper>
15+
<div className={styles.container} style={{ zIndex: 1 }}>
16+
<PrivacyPolicyHeroSection />
17+
<div className={styles.flexWrapper}>
18+
<PrivacyPolicyContent className={styles.itemOne} />
19+
<PopularPosts
20+
className={styles.itemTwo}
21+
glow={true}
22+
borderRad="20px"
23+
marginBlock="0%"
24+
isOutline="2px"
25+
/>
26+
</div>
27+
</div>
28+
</Wrapper>
29+
<Footer />
30+
</>
31+
);
32+
};
33+
34+
export default PrivacyPolicy;

‎src/app/privacy-policy/privacypolicy.module.css‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
.flexWrapper {
2+
display: flex;
3+
justify-content: space-between;
4+
align-items: flex-start;
5+
gap: 30px;
6+
margin-block: 5%;
7+
}
8+
9+
.itemOne {
10+
width: 70%;
11+
margin-right: 5%;
12+
}
13+
14+
.itemTwo {
15+
width: 30%;
16+
}
17+
18+
@media screen and (max-width: 768px) {
19+
.flexWrapper {
20+
flex-direction: column;
21+
justify-content: center;
22+
align-items: center;
23+
}
24+
.itemOne {
25+
margin-right: 0;
26+
}
27+
.itemTwo {
28+
width: 90%;
29+
}
30+
}

‎src/components/footer/Footer.jsx‎

Lines changed: 78 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,111 @@
1-
import React from 'react'
2-
import styles from './footer.module.css'
3-
import Link from 'next/link'
4-
import Image from 'next/image'
5-
1+
import React from "react";
2+
import styles from "./footer.module.css";
3+
import Link from "next/link";
4+
import Image from "next/image";
65

76
const Footer = ({ disabled }) => {
87
if (disabled) return null;
98

109
return (
11-
<div className={styles.container} style={ disabled && {display:'none'}} >
12-
<div className={styles.back} />
10+
<div className={styles.container} style={disabled && { display: "none" }}>
11+
<div className={styles.back} />
1312

1413
<div className={styles.item}>
1514
<div className={styles.descContainer}>
16-
1715
<div className={styles.logo}>Logo</div>
1816

1917
<p className={styles.desc}>
20-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum tempora a aut cupiditate vitae provident totam, accusantium quod aspernatur temporibus?
21-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum tempora a aut cupiditate vitae provident totam, accusantium quod aspernatur temporibus?
18+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum tempora
19+
a aut cupiditate vitae provident totam, accusantium quod aspernatur
20+
temporibus? Lorem ipsum dolor sit amet consectetur adipisicing elit.
21+
Cum tempora a aut cupiditate vitae provident totam, accusantium quod
22+
aspernatur temporibus?
2223
</p>
2324
</div>
24-
25-
<div className={styles.title}>Links</div>
25+
26+
<div className={styles.title}>Links</div>
2627
<div className={styles.links}>
27-
<Link href='/' className={styles.link}>Home</Link>
28-
<Link href='/' className={styles.link}>Contact</Link>
29-
<Link href='/' className={styles.link}>About</Link>
30-
<Link href='/' className={styles.link}>Privacy Policy</Link>
28+
<Link href="/" className={styles.link}>
29+
Home
30+
</Link>
31+
<Link href="/contact" className={styles.link}>
32+
Contact
33+
</Link>
34+
<Link href="/about" className={styles.link}>
35+
About
36+
</Link>
37+
<Link href="/privacy-policy" className={styles.link}>
38+
Privacy Policy
39+
</Link>
3140
</div>
3241
</div>
3342
<div className={styles.item}>
3443
<div className={styles.title}>Categories</div>
3544
<div className={styles.tags}>
36-
<Link href='/' className={styles.link}>News</Link>
37-
<Link href='/' className={styles.link}>Lifestyle</Link>
38-
<Link href='/' className={styles.link}>Sports</Link>
39-
<Link href='/' className={styles.link}>Music</Link>
40-
<Link href='/' className={styles.link}>Movies</Link>
45+
<Link href="/category/news" className={styles.link}>
46+
News
47+
</Link>
48+
<Link href="/category/lifestyle" className={styles.link}>
49+
Lifestyle
50+
</Link>
51+
<Link href="/category/sports" className={styles.link}>
52+
Sports
53+
</Link>
54+
<Link href="/category/music" className={styles.link}>
55+
Music
56+
</Link>
57+
<Link href="/category/movies" className={styles.link}>
58+
Movies
59+
</Link>
4160
</div>
42-
4361
</div>
4462
<div className={styles.item}>
4563
<div className={styles.title}>Socials</div>
46-
<Link href='/' className={styles.socialLink}>
47-
<Image width={14} height={14} alt='Moon' src='/facebook.png' className={styles.socialImage}/>
64+
<Link href="/" className={styles.socialLink}>
65+
<Image
66+
width={14}
67+
height={14}
68+
alt="Moon"
69+
src="/facebook.png"
70+
className={styles.socialImage}
71+
/>
4872
<p>Facebook</p>
4973
</Link>
50-
<Link href='/' className={styles.socialLink}>
51-
<Image width={14} height={14} alt='Moon' src='/instagram.png' className={styles.socialImage}/>
74+
<Link href="/" className={styles.socialLink}>
75+
<Image
76+
width={14}
77+
height={14}
78+
alt="Moon"
79+
src="/instagram.png"
80+
className={styles.socialImage}
81+
/>
5282
<p>Instagram</p>
5383
</Link>
54-
<Link href='/' className={styles.socialLink}>
55-
<Image width={14} height={14} alt='Moon' src='/tiktok.png' className={styles.socialImage}/>
84+
<Link href="/" className={styles.socialLink}>
85+
<Image
86+
width={14}
87+
height={14}
88+
alt="Moon"
89+
src="/tiktok.png"
90+
className={styles.socialImage}
91+
/>
5692
<p>Tiktok</p>
5793
</Link>
58-
<Link href='/' className={styles.socialLink}>
59-
<Image width={14} height={14} alt='Moon' src='/youtube.png' className={styles.socialImage}/>
94+
<Link href="/" className={styles.socialLink}>
95+
<Image
96+
width={14}
97+
height={14}
98+
alt="Moon"
99+
src="/youtube.png"
100+
className={styles.socialImage}
101+
/>
60102
<p>Youtube</p>
61103
</Link>
62104
</div>
63-
</div>
64-
65-
)
105+
</div>
106+
);
107+
};
108+
{
109+
/* <div className={styles.title}></div> */
66110
}
67-
{/* <div className={styles.title}></div> */}
68-
export default Footer
111+
export default Footer;

0 commit comments

Comments
 (0)