- |
+ |
{psa.productName}
|
diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe19844..925385e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-
+import Newsletter from "@src/components/newsletter";
export default async function Home() {
return (
@@ -52,6 +52,8 @@ export default async function Home() {
+
+
);
}
diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
new file mode 100644
index 0000000..a5c93ff
--- /dev/null
+++ b/src/components/footer/index.tsx
@@ -0,0 +1,195 @@
+const navigation = {
+ solutions: [
+ { name: 'Marketing', href: '#' },
+ { name: 'Analytics', href: '#' },
+ { name: 'Automation', href: '#' },
+ { name: 'Commerce', href: '#' },
+ { name: 'Insights', href: '#' },
+ ],
+ support: [
+ { name: 'Submit ticket', href: '#' },
+ { name: 'Documentation', href: '#' },
+ { name: 'Guides', href: '#' },
+ ],
+ company: [
+ { name: 'About', href: '#' },
+ { name: 'Blog', href: '#' },
+ { name: 'Jobs', href: '#' },
+ { name: 'Press', href: '#' },
+ ],
+ legal: [
+ { name: 'Terms of service', href: '#' },
+ { name: 'Privacy policy', href: '#' },
+ { name: 'License', href: '#' },
+ ],
+ social: [
+ {
+ name: 'Facebook',
+ href: '#',
+ icon: (props) => (
+
+ ),
+ },
+ {
+ name: 'Instagram',
+ href: '#',
+ icon: (props) => (
+
+ ),
+ },
+ {
+ name: 'X',
+ href: '#',
+ icon: (props) => (
+
+ ),
+ },
+ {
+ name: 'GitHub',
+ href: '#',
+ icon: (props) => (
+
+ ),
+ },
+ {
+ name: 'YouTube',
+ href: '#',
+ icon: (props) => (
+
+ ),
+ },
+ ],
+ }
+
+ export default function Footer() {
+ return (
+
+ )
+ }
+
\ No newline at end of file
diff --git a/src/components/newsletter/index.tsx b/src/components/newsletter/index.tsx
new file mode 100644
index 0000000..362634a
--- /dev/null
+++ b/src/components/newsletter/index.tsx
@@ -0,0 +1,41 @@
+export default function Newsletter() {
+ return (
+
+
+
+ Want product news and updates? Sign up for our newsletter.
+
+
+
+ |