Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 35 additions & 0 deletions app/(pages)/(index-page)/_components/hero/heroInfo.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;700&display=swap');

.emailInput {
flex-grow: 1;
font-family: 'Urbanist', sans-serif;
font-size: 20px;
font-weight: 400;
background: rgb(255, 255, 255);
border-width: 3px;
border-style: solid;
border-color: rgb(231, 230, 255);
border-image: initial;
border-radius: 20px;
width:300px;
padding: 10px 23px;
}

.buttonArrow {
display: grid;
justify-content: center;
width: 50px;
background: rgb(231, 230, 255);
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
border-radius: 15px;
place-items: center;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 25px;
padding-left: 25px;
}


25 changes: 18 additions & 7 deletions app/(pages)/(index-page)/_components/hero/heroInfo.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@ import Image from 'next/image';
import Link from 'next/link';
import HeartButton from '../HeartButton/heartButton';
import WordCycle from './wordCycle';
//import './heroInfo.scss';



export default function HeroInfo() {
return (
Expand All @@ -18,11 +21,18 @@ export default function HeroInfo() {
social good
</h1>
<p className="mt-[31px] font-metropolis text-[16px] font-normal tracking-[0.48px] text-white break-625:text-[20px]">
Apply to direct <strong>HackDavis 2026</strong>
Stay tuned for <strong>HackDavis 2026</strong>
</p>
</div>

<div className="flex flex-row items-start gap-[12px] break-625:flex-col break-625:items-end break-625:gap-[28px] sm:flex-row sm:items-center">
<input placeholder="Enter email to stay updated" className="grow text-[20px] font-normal bg-[#ffffff] border-[3px] border-solid border-[#e7e6ff] rounded-[20px] w-[300px] py-[10px] px-[23px]"/>
<button className="grid justify-center w-[50px] bg-[#e7e6ff] border-none rounded-[15px] place-items-center pt-[15px] pb-[15px] pr-[25px] pl-[25px]">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M24 12.0028C23.9832 12.4317 23.8066 12.9277 23.5126 13.2404L13.9126 23.4414C13.2619 24.0261 12.0146 24.2674 11.2876 23.5914C10.5714 22.9257 10.5927 21.6346 11.3062 20.9661L18.0563 13.8033H1.80004C0.805841 13.8033 1.90735e-06 12.9974 1.90735e-06 12.0032C1.90735e-06 11.009 0.805841 10.2032 1.80004 10.2032H18.0563L11.3062 3.0403C10.6919 2.42505 10.5784 1.08835 11.2876 0.415071C11.9965 -0.258208 13.2888 -0.0429747 13.9126 0.565239L23.5126 10.7657C23.841 11.1147 24.0013 11.5243 24 12.0032V12.0028Z" fill="#292960"></path></svg>
</button>
</div>

{/*<div className="flex flex-row items-start gap-[12px] break-625:flex-col break-625:items-end break-625:gap-[28px] sm:flex-row sm:items-center">
<Link
href="https://hackdavis.typeform.com/to/N6DEZIVH"
target="_blank"
Expand All @@ -31,7 +41,7 @@ export default function HeroInfo() {
Director Application
</Link>
<div className="flex h-[40px] w-[138px] flex-shrink-0 items-center rounded-[100px] bg-white/15 text-center font-metropolis text-[18px] font-bold tracking-[0.4px] text-white break-625:h-[50px] break-625:w-[170px] break-625:py-0 break-625:text-[20px]">
{/* <div className="flex h-[40px] w-[40px] flex-shrink-0 items-center justify-center rounded-[50px] bg-highlight-yellow shadow-[0px_5px_75px_0px_rgba(0,0,0,0.25)] break-625:h-[50px] break-625:w-[50px]">
<div className="flex h-[40px] w-[40px] flex-shrink-0 items-center justify-center rounded-[50px] bg-highlight-yellow shadow-[0px_5px_75px_0px_rgba(0,0,0,0.25)] break-625:h-[50px] break-625:w-[50px]">
<Image
src="/Hero/heart.svg"
alt="Heart icon"
Expand All @@ -40,7 +50,7 @@ export default function HeroInfo() {
className="h-[15px] w-[17px] object-contain break-625:h-[24px] break-625:w-[24px]"
/>
</div>
<span className="flex-1 pl-[9px] pr-[15px] text-center">Sponsor</span> */}
<span className="flex-1 pl-[9px] pr-[15px] text-center">Sponsor</span>
<HeartButton text="Sponsor" href="mailto:team@hackdavis.io" />
</div>
</div>
Expand All @@ -56,22 +66,23 @@ export default function HeroInfo() {
// includeComma={true}
includeComma={false}
/>
{/* <FormLink
<FormLink
text="Mentor"
href="https://form.typeform.com/to/uNuWRicb"
// includeComma={true}
includeComma={false}
/> */}
/>
<span className="font-metropolis text-[18px] font-normal tracking-[0.48px] md:text-[20px]">
we have!
</span>
{/* <FormLink
<FormLink
text="Volunteer"
href="https://form.typeform.com/to/sTYMFPMW"
includeComma={false}
/> */}
/>
</div>
</div>
*/}
</div>
);
}
Expand Down
6 changes: 3 additions & 3 deletions app/(pages)/(index-page)/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,9 @@ export default function Home() {
<div className={styles.container}>
<div id="home">
<HeroSection />
<SandCastle />
{/*<SandCastle />*/}
</div>

{/*
<div id="underwater">
<BigWave />
<Underwater />
Expand All @@ -32,7 +32,7 @@ export default function Home() {
<Sponsors />
<Crowdfund />
<BigVinyl />
</div>
</div>*/}
</div>
);
}
12 changes: 6 additions & 6 deletions app/(pages)/_components/Navbar/Navbar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ const links = [
page: '/',
path: '/?section=home', // remove section if scroll issue fixed
},
{
/*{
ids: ['donate'],
body: 'DONATE',
page: '/',
Expand All @@ -56,7 +56,7 @@ const links = [
body: 'SPONSORS',
page: '/',
path: '/?section=sponsors',
},
},*/
{
ids: ['about'],
body: 'ABOUT',
Expand All @@ -80,7 +80,7 @@ const sections = [
activeColor: '#FFC53D',
background: 'rgba(136, 136, 136, 0.50)',
},
{
/*{
id: 'donate',
page: '/',
baseColor: '#FFFFFF',
Expand All @@ -93,21 +93,21 @@ const sections = [
baseColor: '#FFFFFF',
activeColor: '#AFD157',
background: 'rgba(136, 136, 136, 0.50)',
},
},*/
// {
// id: 'faq',
// page: '/',
// baseColor: '#FFFFFF',
// activeColor: '#AFD157',
// background: 'rgba(136, 136, 136, 0.50)',
// },
{
/*{
id: 'sponsors',
page: '/',
baseColor: '#FFFFFF',
activeColor: '#FFFFFF',
background: 'rgba(136, 136, 136, 0.50)',
},
},*/
{
id: 'about',
page: '/about-us',
Expand Down
2 changes: 1 addition & 1 deletion app/(pages)/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ export default function RootLayout({
<Navbar />
</Suspense>
{children}
<Footer />
{/*<Footer />*/}
</body>
</html>
);
Expand Down
8 changes: 4 additions & 4 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
"react-icons": "^5.3.0",
"react-scroll-parallax": "^3.4.5",
"react-transition-group": "^4.4.5",
"sass": "^1.81.0",
"sass": "^1.89.2",
"sharp": "^0.33.5",
"styled-components": "^6.1.15"
},
Expand Down
Loading