diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..ff86338
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,20 @@
+
+
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 06f580a..bf079b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,11 @@
-import { Container } from '@mui/material';
-import HeroSection from '../components/features/landing/HeroSection';
+import HeroSection from '@/components/features/landing/HeroSection';
+import Footer from '@/components/features/landing/Footer';
-
-export default function LandingPage() {
+export default function Home() {
return (
-
+ <>
-
+
+
);
}
\ No newline at end of file
diff --git a/src/components/features/landing/Footer.tsx b/src/components/features/landing/Footer.tsx
new file mode 100644
index 0000000..ebae353
--- /dev/null
+++ b/src/components/features/landing/Footer.tsx
@@ -0,0 +1,151 @@
+'use client';
+
+import { Box, Container, Stack, Typography, Link, IconButton } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import LinkedInIcon from '@mui/icons-material/LinkedIn';
+import FacebookIcon from '@mui/icons-material/Facebook';
+import InstagramIcon from '@mui/icons-material/Instagram';
+import XIcon from '@mui/icons-material/X';
+import YouTubeIcon from '@mui/icons-material/YouTube';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import Image from 'next/image';
+import CommmonButton from '@/components/ui/CommonButton';
+
+// Styled Components
+const FooterWrapper = styled(Box)(({ theme }) => ({
+ paddingTop: theme.spacing(6),
+ paddingBottom: theme.spacing(6),
+ backgroundColor: theme.palette.background.paper,
+ width: '100%'
+}));
+
+const LogoContainer = styled(Box)({
+ marginBottom: '60px',
+ width: '120px',
+ height: '40px',
+ position: 'relative'
+});
+
+const SocialContainer = styled(Box)({
+ marginBottom: '24px',
+ display: 'flex',
+ alignItems: 'center'
+});
+
+const SocialText = styled(Typography)(({ theme }) => ({
+ marginRight: '8px',
+ color: theme.palette.text.secondary
+}));
+
+const SocialIconButton = styled(IconButton)({
+ padding: '2px',
+ '& svg': {
+ width: '18px',
+ height: '18px'
+ }
+});
+
+const CopyrightText = styled(Typography)(({ theme }) => ({
+ color: theme.palette.text.secondary
+}));
+
+const NavLinksStack = styled(Stack)({
+ marginRight: '16px',
+});
+
+const NavLink = styled(Link)(({ theme }) => ({
+ textDecoration: 'none',
+ cursor: 'pointer',
+ color: 'inherit',
+ ...theme.typography.body1
+}));
+
+const SupportLinksStack = styled(Stack)({
+ position: 'absolute',
+ marginTop: '16px',
+});
+
+const SupportLink = styled(Link)(({ theme }) => ({
+ textDecoration: 'none',
+ color: theme.palette.text.secondary,
+ ...theme.typography.body2
+}));
+
+const ButtonTitle = styled(Typography)(({ theme }) => ({
+ marginBottom: '16px',
+ ...theme.typography.body1
+}));
+
+export default function Footer() {
+ return (
+
+
+
+ {/* Logo and Social Media */}
+
+
+
+
+
+ Follow Us On Social Media
+
+
+
+
+
+
+
+
+ ©Copyright 2025 Dispatch AI
+
+
+ {/* Navigation Links */}
+
+
+ Home
+ Products
+ Pricing
+ Blogs
+ Features
+ About Us
+
+ Support
+
+ Documents
+ FAQs
+ Need Help
+ Contact Us
+
+
+
+
+
+ {/* Free Trial Section */}
+
+ Ready to Save Time?
+ }
+ >
+ Start Your Free Trial
+
+
+
+
+
+ );
+}
\ No newline at end of file