From 27f35d1ce7e1583c70ae053c5678e41a437226dc Mon Sep 17 00:00:00 2001
From: HasithDeAlwis <hasithde24@gmail.com>
Date: Fri, 11 Oct 2024 22:28:08 -0400
Subject: [PATCH] chore(landing-page): rename Email-Signup to SocialsPannel

---
 apps/landing-page/src/pages/homePage/heroSection/Hero.tsx | 8 ++++----
 .../heroSection/{EmailSignup.tsx => SocialsPannel.tsx}    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)
 rename apps/landing-page/src/pages/homePage/heroSection/{EmailSignup.tsx => SocialsPannel.tsx} (97%)

diff --git a/apps/landing-page/src/pages/homePage/heroSection/Hero.tsx b/apps/landing-page/src/pages/homePage/heroSection/Hero.tsx
index 9715f0bc1..e6b74d7cd 100644
--- a/apps/landing-page/src/pages/homePage/heroSection/Hero.tsx
+++ b/apps/landing-page/src/pages/homePage/heroSection/Hero.tsx
@@ -5,7 +5,7 @@ import mountainSmall from "/hero-svgs/mountain_small.svg";
 import raven from "/hero-svgs/raven.svg";
 import snow from "/hero-svgs/snow.svg";
 
-import { EmailSignup } from "./EmailSignup";
+import { SocialsPannel } from "./SocialsPannel";
 
 export const Hero = () => {
   const addAnchor = () => {
@@ -22,9 +22,9 @@ export const Hero = () => {
           src={mountainSmall}
           alt="Mountain"
         />
-        <div className="background-gradient opacity-25"></div>
+        <div className="opacity-25 background-gradient"></div>
         <img className="image mountain-big" src={mountainBig} alt="Mountain" />
-        <div className="background-gradient opacity-50"></div>
+        <div className="opacity-50 background-gradient"></div>
         <div className="carleton-foreground">
           <img className="image snow" src={snow} alt="Snow" />
           <img
@@ -35,7 +35,7 @@ export const Hero = () => {
         </div>
       </div>
       <div className="hero__content">
-        <EmailSignup id="email-signup-anchor"/>
+        <SocialsPannel id="email-signup-anchor"/>
         <div id="raven" className=" w-96">
           <img className="image " src={raven} alt="Raven" />
         </div>
diff --git a/apps/landing-page/src/pages/homePage/heroSection/EmailSignup.tsx b/apps/landing-page/src/pages/homePage/heroSection/SocialsPannel.tsx
similarity index 97%
rename from apps/landing-page/src/pages/homePage/heroSection/EmailSignup.tsx
rename to apps/landing-page/src/pages/homePage/heroSection/SocialsPannel.tsx
index 65231743e..bd804c900 100644
--- a/apps/landing-page/src/pages/homePage/heroSection/EmailSignup.tsx
+++ b/apps/landing-page/src/pages/homePage/heroSection/SocialsPannel.tsx
@@ -2,7 +2,7 @@ import { FrostedPanel } from "../../../components/FrostedPanel";
 import { Text, Typo } from "../../../components/Typography";
 import { FaGithub, FaFigma, FaInstagram, FaEnvelope, FaBookOpen } from "react-icons/fa";
 
-export const EmailSignup = (props: { id?: string; className?: string }) => {
+export const SocialsPannel = (props: { id?: string; className?: string }) => {
   return (
     <FrostedPanel className={props.className} id={props.id}>
       <div className="flex flex-col items-center justify-center space-y-5">