Merge pull request 'Fixing a few issues' (#1) from toastie_t0ast-patch-1 into main

Reviewed-on: #1

src/components/Footer.jsx

@@ -13,16 +13,16 @@ export const Footer = () => {
                   <DragonsChildLogo />
                 </div>
                 <div className="text-white font-['Inter'] font-bold text-xl">
-                  DragonsChild
+                  Dragons child studios
                 </div>
               </div>
               <p className="mb-10 mt-4 sm:w-[22rem] lg:w-[20rem] xl:w-[24rem] text-gray-400 leading-loose text-center lg:text-left mx-auto lg:mx-0">
-              Dragons Child Studios: Creating fun stuff since 2023!
+              Dragons child studios: Creating fun stuff since 2023!
               </p>
               <div className="w-36 mx-auto lg:mx-0">
                 <a
                   className="inline-block w-10  h-10 mr-2 p-2 bg-customDarkBg2 custom-border-gray  hover:bg-gray-700 rounded-xl"
-                  href="https://social.valkyriecoms.com/@Dragonschildhosting"
+                  href="https://social.valkyriecoms.com/@dragonschildteam"
                 >
                   <BygulIcon />
                 </a>
@@ -30,7 +30,7 @@ export const Footer = () => {
             </div>
             <div className="w-full lg:w-1/2  lg:pl-16 hidden lg:flex flex-wrap justify-between">
               <div className="w-full md:w-1/3 lg:w-auto mb-16 md:mb-0">
-                <h3 className="mb-6 text-2xl font-bold text-white">Other Dragons child projects</h3>
+                <h3 className="mb-6 text-2xl font-bold text-white">Our projects</h3>
                 <ul>
                   <li className="mb-4">
                     <a className="text-gray-400 hover:text-gray-300" href="https://toastielab.dev" aria-label="" >

src/components/Hero.jsx

@@ -19,7 +19,7 @@ export const Hero = () => {
           transition={{ duration: 0.5 }}
         >
           <div className="text-customSecondary text-sm sm:text-base  mb-6 sm:mt-32 mt-16  font-bold">
-            DragonsChild
+            Dragons child
           </div>
         </motion.div>
         <motion.div
@@ -28,8 +28,8 @@ export const Hero = () => {
           transition={{ duration: 0.5, delay: 0.05 }}
         >
           <div className="text-5xl sm:text-6xl lg:text-7xl xl:text-7xl font-bold tracking-wide  text-white  px-8 sm:px-8 md:px-20 lg:px-4">
-            <span className="inline md:hidden">The Fun</span>{" "}
+            <span className="inline md:hidden">The Hosting</span>{" "}
-            <span className="hidden md:inline">The Fun</span>
+            <span className="hidden md:inline">The Hosting</span>
           </div>
           <div className="mt-2 sm:mt-2 text-4xl sm:text-6xl lg:text-7xl xl:text-7xl font-bold tracking-wide  text-white  px-8 sm:px-20 md:px-24 lg:px-24">
             Company
@@ -41,7 +41,7 @@ export const Hero = () => {
           transition={{ duration: 0.5, delay: 0.1 }}
         >
           <div className="text-customGrayText text-sm lg:text-base xl:text-lg sm:text-base mt-10 px-12 sm:px-48 ">
-            The company that likes to have fun
+            We are a company that likes to have fun
           </div>
         </motion.div>
         <motion.div

src/components/Navbar.jsx

@@ -25,7 +25,7 @@ export const Navbar = () => {
                 <DragonsChildLogo />
               </div>
               <div className="text-white font-['Inter'] font-bold text-xl">
-                DragonsChild
+                Dragons child studios
               </div>
             </div>
           </a>
@@ -40,8 +40,8 @@ export const Navbar = () => {
             <a className="navbar-link" href="#home" aria-label="Home">
               Home
             </a>
-            <a className="navbar-link" href="https://social.valkyriecoms.com/@Dragonschildhosting" aria-label="Feedback">
+            <a className="navbar-link" href="https://social.valkyriecoms.com/@dragonschildteam" aria-label="Our profile">
-              Feedback
+              Our profile
             </a>
           </div>
         </motion.div>
@@ -84,11 +84,11 @@ export const Navbar = () => {
               </a>
               <a
                 className="navbar-link"
-                href="#feedback"
+                href="#profile"
                 onClick={() => setIsOpen(false)}
-                aria-label="Feedback"
+                aria-label="Our profile"
               >
-                Feedback
+                Our profile
               </a>
             </div>
           </motion.div>