Improving Quality | Customizing | Other Details

Checks for improvements in code quality. Customize it and add images and social links.

app/layout.tsx

@@ -4,8 +4,8 @@ import './globals.css'
 
 const inter = Inter({ subsets: ['latin'] })
 export const metadata: Metadata = {
-  title: 'ABC  LAW GROUP',
-  description: 'Website that allows the client to reach out potential lawyers to help them',
+  title: 'TWG  Criminal Law',
+  description: 'Tristan Gillespie, a proven battle-tested Plaintiffs litigator with 17 years of courtroom experience and thrives on holding large corporations accountable to consumers.',
 }
 export default function RootLayout({
   children,

components/Footer.js

@@ -1,8 +1,10 @@
 import Link from "next/link";
 import Image from "next/image";
 import config from "@/config";
-import logo from "@/app/icon.png";
 
+import logo from "@/app/icon.png";
+import LinkedinLogo from '@/assets/icons/linkden.png'
+import TwitterLogo from '@/assets/icons/twitter.png'
 
 const Footer = () => {
     return (
@@ -29,26 +31,48 @@ const Footer = () => {
                         </Link>
 
                         <p className="mt-3 text-sm text-base-content/80">
-                            11539 Park Woods Cir, Suite 304, Alpharetta, GA 30005 
+                            Tristan W. Gillespie, Esq.
+                            11539 Park Woods Cir, Suite 304, Alpharetta, GA 30005
                         </p>
                     </div>
                     <div className="flex-grow flex flex-wrap justify-center -mb-10 md:mt-0 mt-10 text-center">
                         <div className="lg:w-1/3 md:w-1/2 w-full px-4">
                             <div className="footer-title font-semibold text-base-content tracking-widest text-sm md:text-left mb-3">
-                                Links
+                                Contact Us
                             </div>
 
                             <div className="flex flex-col justify-center items-center md:items-start gap-2 mb-10 text-sm">
                                 <Link href="/#contactus" className="link link-hover">
-                                    (192) 121-000-000
+                                    404-276-7277
                                 </Link>
                                 <Link href="/#email" className="link link-hover">
-                                    lawoffice@twglawfirm.com
+                                    abc@gmail.com
                                 </Link>
+
+                                <div className="flex flex-row space-x-2">
+
+                                    <Link href=" https://www.linkedin.com/in/tristangillespie/"
+                                        target="_blank" className="link link-hover">
+                                        <Image src={LinkedinLogo}
+                                            class="dark:!invert hover:opacity-60 transition-opacity duration-500 active:opacity-80"
+                                            alt="linkedin"
+                                            width={40}
+                                            height={40}
+                                        />
+                                    </Link>
+                                    <Link href="/#twitter" className="link link-hover">
+                                        <Image src={TwitterLogo}
+                                            class="dark:!invert hover:opacity-60 transition-opacity duration-500 active:opacity-80"
+                                            alt="linkedin"
+                                            width={40}
+                                            height={40}
+                                        />
+                                    </Link>
+                                </div>
                             </div>
                         </div>
                     </div>
-                    <div className="btn btn-primary max-sm:mt-4 max-sm:mx-2 bg-[#ffffff] p-4 text-black cursor-pointer hover:bg-slate-200">Call Now : (192) 121-000-000</div>
+                    <div className="btn btn-primary max-sm:mt-4 max-sm:mx-2 bg-[#ffffff] p-4 text-black cursor-pointer hover:bg-slate-200">Call Now : 404-276-7277</div>
                 </div>
             </div>
         </footer>

components/Header.js

@@ -4,6 +4,7 @@ import { useState, useEffect } from "react";
 import { useSearchParams } from "next/navigation";
 import Link from "next/link";
 import Image from "next/image";
+
 import logo from "@/app/icon.png";
 import config from "@/config";
 
@@ -22,7 +23,7 @@ const links = [
     },
 ];
 
-const cta = <button className="btn btn-primary bg-[#ffffff] p-4 hover:bg-slate-200 text-black">Call Now : 023-121-000-000</button>;
+const cta = <button className="btn btn-primary bg-[#ffffff] p-4 hover:bg-slate-200 text-black">Call Now : 404-276-7277</button>;
 
 const Header = () => {
     const searchParams = useSearchParams();

components/Hero.js

@@ -1,28 +1,29 @@
 import Image from "next/image";
+import Tristan from '@/assets/images/tristan.png';
 
 const Hero = () => {
     return (
         <section className="max-w-7xl mx-auto bg-base-100 flex flex-col lg:flex-col items-center justify-center gap-16 lg:gap-20 px-8 py-8 w-1/2 max-sm:w-4/5 lg:py-20">
+
             <h1 className="font-extrabold text-4xl lg:text-6xl tracking-tight md:-mb-4">
                 Tristan W. Gillespie
             </h1>
+
             <div className="lg:w-full">
                 <Image
-                    src="https://images.unsplash.com/photo-1571171637578-41bc2dd41cd2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3540&q=80"
+                    src={Tristan}
                     alt="Product Demo"
                     className="w-full rounded-2xl"
                     priority={true}
-                    width={500}
-                    height={500}
                 />
             </div>
-            <div className="flex flex-col gap-10 lg:gap-14 items-center justify-center text-center lg:text-left lg:items-start">
-
 
+            <div className="flex flex-col gap-10 lg:gap-14 items-center justify-center text-center lg:text-left lg:items-start">
 
                 <p className="text-lg opacity-80 leading-relaxed text-left">
                     Tristan Gillespie is a proven battle-tested Plaintiffs litigator with 17 years of courtroom experience and he thrives on holding large corporations accountable to consumers.
                 </p>
+
                 <p className="text-lg opacity-80 leading-relaxed text-left">
                     Tristan Gillespie grew up in the Northeast and has lived in Georgia since
                     2016. Tristan has his BA from SUNY Binghamton, a masters degree in public
@@ -31,12 +32,12 @@ const Hero = () => {
                     commercial and criminal cases. Tristan and his wife Carese have been
                     married for 25 years and have three beautiful children (ages 19, 17 and 12).
                 </p>
+
                 <p className="text-lg opacity-80 leading-relaxed text-left">
                     Tristan is a member of the bars of Georgia, Maryland, Washington DC, New
                     Jersey, Texas and New York State. Mr. Gillespie is also licensed to practice law in the
                     US Supreme Court and 27 different US District Courts and Circuit Courts of
                     Appeal.
-
                 </p>
             </div>
         </section>

config.js

@@ -2,10 +2,10 @@ import themes from "daisyui/src/theming/themes.js";
 
 const config = {
     // REQUIRED
-    appName: "ABC Law Group",
+    appName: "TWG Criminal Law",
     // REQUIRED: a short description of your app for SEO tags (can be overwritten)
     appDescription:
-        "The Auto Fraud Law Group helps you fight your cases and get your rights",
+        "Tristan Gillespie, a proven battle-tested Plaintiffs litigator with 17 years of courtroom experience and thrives on holding large corporations accountable to consumers.",
     // REQUIRED (no https://, not trialing slash at the end, just the naked domain)
     domainName: "shipfa.st",
     crisp: {