first commit

2025-02-12 23:25:43 -05:00
commit d8c7ec4866
1400 changed files with 90826 additions and 0 deletions
@@ -0,0 +1,96 @@
+import React from "react";
+import Link from "next/link";
+import Image from "next/image";
+
+const HeroBannerTwelve = () => {
+  return (
+    <div className="hero-banner-twelve lg-container" id="home">
+      <div className="container">
+        <div className="row">
+          <div className="col-xl-11 col-lg-12 col-md-10 m-auto text-center">
+            <h1 className="hero-heading font-gordita" data-aos="fade-up">
+              Building website{" "}
+              <span style={{ color: "#FF006B" }}>products</span>,{" "}
+              <span style={{ color: "#FEDC00" }}>brands</span> & expereince
+            </h1>
+            <p
+              className="hero-sub-heading"
+              data-aos="fade-up"
+              data-aos-delay="100"
+            >
+              Make stunning videos with animation, stock footage, and photos.
+            </p>
+            <div data-aos="fade-up" data-aos-delay="200">
+              <Link     href="/signup" className="get-start-btn">
+                Get Started fo free{" "}
+                <i className="fa fa-angle-right ms-1" aria-hidden="true"></i>
+              </Link>
+            </div>
+          </div>
+        </div>
+
+        <div className="screen-holder" data-aos="fade-up">
+          <Image width={1320} height={750} style={{height:'fit-content'}}    
+            src="/images/assets/screen_32.png"
+            alt="screen"
+            className="img-meta"
+          />
+          <Image width={290} height={242} style={{height:'fit-content'}}    
+            src="/images/assets/screen_33.png"
+            alt="screen"
+            className="shapes screen-one"
+          />
+          <Image width={274} height={335} style={{height:'fit-content'}}    
+            src="/images/assets/screen_34.png"
+            alt="screen"
+            className="shapes screen-two"
+          />
+          <Image width="311" height="341"
+            src="/images/shape/230.svg"
+            alt="screen"
+            className="shapes shape-one"
+          />
+          <Image width="170" height="170"
+            src="/images/shape/231.svg"
+            alt="screen"
+            className="shapes shape-two"
+          />
+          {/* </div> <!-- /.screen-holder --> */}
+        </div>
+        <Image  width="13" height="12" 
+          src="/images/shape/232.svg"
+          alt="shape"
+          className="shapes shape-three"
+        />
+        <Image  width="17" height="20"
+          src="/images/shape/233.svg"
+          alt="shape"
+          className="shapes shape-four"
+        />
+        <Image  width="13" height="16"
+          src="/images/shape/234.svg"
+          alt="shape"
+          className="shapes shape-five"
+        />
+        <Image  width="14" height="14"
+          src="/images/shape/235.svg"
+          alt="shape"
+          className="shapes shape-six"
+        />
+        <Image width="36" height="30"
+          src="/images/shape/236.svg"
+          alt="shape"
+          className="shapes shape-seven"
+        />
+        <Image width="13" height="12"
+          src="/images/shape/232.svg"
+          alt="shape"
+          className="shapes shape-eight"
+        />
+      </div>
+    </div>
+    // /.hero-banner-twelve
+  );
+};
+
+export default HeroBannerTwelve;