chadsreactproject/src/pages/Socials.js

import React from "react";
import "../styles/Socials.css";

function Socials() {
  return (
    <div className="socialBody">
        <div className="social1">
        
        <h1> Just A Test </h1>
        <p> Test Paragraph</p>  
        
        <div className="socialButton1">

            <a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noreferrer">Join the Cord!</a>

        </div>

        </div>
        
        <div className="social2">

            <h1> Just A Test 2</h1>
            <p> Test Paragraph 2</p>

            <div className="socialButton2">

            <a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noreferrer">Join the Cord2!</a>
            
            </div>

        </div>

        </div>
  );
}

export default Socials;