Skip to content

Commit 23d7986

Browse files
SamshhSamshh
committed
feat: progress started
1 parent cc98a5e commit 23d7986

7 files changed

Lines changed: 153 additions & 14 deletions

File tree

‎app/(home)/page.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { CTASection } from './components/CTASection';
44
import { StatsAndReviews } from './components/StatsAndReviews';
55
import { PythonFoundation } from './components//PythonFoundation';
66
import { Partners } from './components//Partners';
7-
import { Footer } from './components//Footer';
7+
// import { Footer } from './components//Footer';
88

99
export default function HomePage() {
1010
return (
@@ -15,7 +15,7 @@ export default function HomePage() {
1515
<StatsAndReviews />
1616
<PythonFoundation />
1717
<Partners />
18-
<Footer />
18+
{/* <Footer /> */}
1919
</main>
2020
);
2121
}

‎app/contact/components/TestComponent.tsx‎

Lines changed: 0 additions & 7 deletions
This file was deleted.

‎app/contact/components/YourDetails.tsx‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
export default function YourDetails() {
2+
return (
3+
<div className="flex flex-col items-start justify-start max-w-[563px] w-full">
4+
asd
5+
</div>
6+
);
7+
}

‎app/contact/page.tsx‎

Lines changed: 124 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,129 @@
1-
import TestComponent from './components/TestComponent';
1+
import { Container } from '@/components/ui/container';
2+
import YourDetails from './components/YourDetails';
3+
import Image from 'next/image';
4+
import Link from 'next/link';
5+
import {
6+
faFacebook,
7+
faDiscord,
8+
faInstagram,
9+
faLinkedin,
10+
faGithub,
11+
faYoutube,
12+
} from '@fortawesome/free-brands-svg-icons';
13+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
14+
15+
const socialLinks = [
16+
{ href: 'https://discord.gg/T7sTQRHFFy', icon: faDiscord },
17+
{ href: 'https://www.facebook.com/durianpy', icon: faFacebook },
18+
{ href: 'https://instagram.com/durianpy.dvo', icon: faInstagram },
19+
{ href: 'https://youtube.com/@DurianPy', icon: faYoutube },
20+
{
21+
href: 'https://github.com/DurianPy-Davao-Python-User-Group',
22+
icon: faGithub,
23+
},
24+
{ href: 'https://www.linkedin.com/company/durianpy', icon: faLinkedin },
25+
];
226

327
export default function ContactPage() {
428
return (
5-
<main>
6-
<h1 className="text-[10rem]">Contact Us</h1>
7-
<TestComponent />
8-
</main>
29+
<>
30+
<svg
31+
xmlns="http://www.w3.org/2000/svg"
32+
width="825"
33+
height="813"
34+
viewBox="0 0 825 813"
35+
fill="none"
36+
className="absolute top-0 left-0"
37+
>
38+
<g filter="url(#filter0_f_2582_874)">
39+
<path
40+
d="M605 31C605 341.384 351.145 593 38 593C-275.145 593 -529 341.384 -529 31C-529 -279.384 -275.145 -531 38 -531C351.145 -531 605 -279.384 605 31Z"
41+
fill="url(#paint0_radial_2582_874)"
42+
/>
43+
</g>
44+
<defs>
45+
<filter
46+
id="filter0_f_2582_874"
47+
x="-748.5"
48+
y="-750.5"
49+
width="1573"
50+
height="1563"
51+
filterUnits="userSpaceOnUse"
52+
color-interpolation-filters="sRGB"
53+
>
54+
<feFlood flood-opacity="0" result="BackgroundImageFix" />
55+
<feBlend
56+
mode="normal"
57+
in="SourceGraphic"
58+
in2="BackgroundImageFix"
59+
result="shape"
60+
/>
61+
<feGaussianBlur
62+
stdDeviation="109.75"
63+
result="effect1_foregroundBlur_2582_874"
64+
/>
65+
</filter>
66+
<radialGradient
67+
id="paint0_radial_2582_874"
68+
cx="0"
69+
cy="0"
70+
r="1"
71+
gradientUnits="userSpaceOnUse"
72+
gradientTransform="translate(37.9999 30.9999) rotate(90) scale(562 567)"
73+
>
74+
<stop stop-color="#009643" />
75+
<stop offset="1" stop-color="#271E00" stop-opacity="0" />
76+
</radialGradient>
77+
</defs>
78+
</svg>
79+
<Container className="relative min-h-screen justify-center items-center flex gap-[46px]">
80+
<div className="flex flex-col gap-[80px] items-start justify-start">
81+
<div className="flex flex-col gap-[20px] text-white">
82+
<h1 className="text-web-title-font font-bold">Contact Us</h1>
83+
<p className="text-web-body-font">
84+
Get in touch with us for any questions, concerns, or to learn more
85+
about our organization and initiatives
86+
</p>
87+
</div>
88+
<div className="flex gap-[28px]">
89+
<Image
90+
src={'/assets/icons/email-us.svg'}
91+
width={63}
92+
height={63}
93+
alt=""
94+
/>
95+
<div className="flex flex-col text-white">
96+
<p className="text-[#FFC201] leading-[49px] text-web-medium-font font-bold">
97+
E-mail us
98+
</p>
99+
<p className="text-web-body-font">durianpy.davao@gmail.com</p>
100+
</div>
101+
</div>
102+
<div className="flex flex-col gap-[10px]">
103+
<p className="text-white text-button-hovered font-bold">
104+
Follow our social media
105+
</p>
106+
<div className="flex gap-[8px]">
107+
{socialLinks.map(({ href, icon }, index) => (
108+
<Link
109+
key={index}
110+
href={href}
111+
target="_blank"
112+
rel="noopener noreferrer"
113+
className="group"
114+
>
115+
<FontAwesomeIcon
116+
icon={icon}
117+
className="text-primary group-hover:text-[#FBFF00] transition-transform duration-300 group-hover:scale-110
118+
text-md sm:text-xl md:w-10 md:text-2xl md:h-10"
119+
/>
120+
</Link>
121+
))}
122+
</div>
123+
</div>
124+
</div>
125+
<YourDetails />
126+
</Container>
127+
</>
9128
);
10129
}

‎app/layout.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import type { Metadata } from 'next';
22
import '@/styles/globals.css';
33
import Navbar from '@/components/navs/public/Navbar';
44
import { ReactLenis } from 'lenis/react';
5+
import { Footer } from './(home)/components/Footer';
56

67
const head = {
78
title: 'DurianPy',
@@ -43,6 +44,7 @@ export default function RootLayout({
4344
<body className={`antialiased bg-dark-green`}>
4445
<Navbar />
4546
<ReactLenis root>{children}</ReactLenis>
47+
<Footer />
4648
</body>
4749
</html>
4850
);

‎public/assets/icons/email-us.svg‎

Lines changed: 15 additions & 0 deletions
Loading

‎tailwind.config.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ const config: Config = {
1515
colors: {
1616
'midori-green': '#36FF90',
1717
'mint-bliss': '#8AFFBE',
18+
'mint-bliss-50': '#009643',
1819
background: 'var(--background)',
1920
foreground: 'var(--foreground)',
2021
primary: '#FFC200',
@@ -57,6 +58,8 @@ const config: Config = {
5758
'linear-gradient(to bottom, rgba(62,179,114,0.63), rgba(166,255,205,0.63))',
5859
'gradient-utd-green-transparent':
5960
'linear-gradient(180deg, rgba(0,64,28,1), rgba(17,32,24,0.8))',
61+
'gradient-circle-green':
62+
'radial-gradient(circle, #009643 0%, rgba(0, 150, 67, 0) 100%)',
6063
},
6164
borderRadius: {
6265
lg: 'var(--radius)',

0 commit comments

Comments
 (0)