added landing

2024-04-02 15:25:09 +03:00
parent 58ce699984
commit 8aff38bd01
50 changed files with 3994 additions and 126 deletions
@@ -0,0 +1,41 @@
+import { Button } from "./ui/button";
+import { Input } from "./ui/input";
+
+export const Newsletter = () => {
+  const handleSubmit = (e: any) => {
+    e.preventDefault();
+    console.log("Subscribed!");
+  };
+
+  return (
+    <section id="newsletter">
+      <hr className="w-11/12 mx-auto" />
+
+      <div className="container py-24 sm:py-32">
+        <h3 className="text-center text-4xl md:text-5xl font-bold">
+          Join Our Daily{" "}
+          <span className="bg-gradient-to-b from-primary/60 to-primary text-transparent bg-clip-text">
+            Newsletter
+          </span>
+        </h3>
+        <p className="text-xl text-muted-foreground text-center mt-4 mb-8">
+          Lorem ipsum dolor sit amet consectetur.
+        </p>
+
+        <form
+          className="flex flex-col w-full md:flex-row md:w-6/12 lg:w-4/12 mx-auto gap-4 md:gap-2"
+          onSubmit={handleSubmit}
+        >
+          <Input
+            placeholder="leomirandadev@gmail.com"
+            className="bg-muted/50 dark:bg-muted/80 "
+            aria-label="email"
+          />
+          <Button>Subscribe</Button>
+        </form>
+      </div>
+
+      <hr className="w-11/12 mx-auto" />
+    </section>
+  );
+};