about video feedback

AngelProtocolFinance · Jan 30, 2025 · af991dd · af991dd
1 parent 9cadd86
commit af991dd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/pages/home/benefits/path.tsx b/src/pages/home/benefits/path.tsx
@@ -12,13 +12,13 @@ const Path = () => {
 
   return (
     <section
-      className={`relative grid pt-20 pb-40 xl:pb-56  bg-gradient-to-b from-peach/20 to-transparent`}
+      className={`relative grid pt-50 pb-40 xl:pb-56  bg-gradient-to-b from-peach/20 to-transparent`}
     >
       <h2 className="text-sm md:text-lg uppercase text-blue-d1 text-center mb-4">
         Bridge To Better
       </h2>
       <h3 className="text-3xl md:text-4.5xl capitalize text-gray-d4 leading-snug text-center text-balance mb-11">
-        How Better Giving Powers Your Mission
+        Why Choose Better Giving
       </h3>
       <p className="text-lg md:text-2xl font-medium text-gray/60 text-center mb-11">
         Your All-in-One Solution for Sustainable Fundraising and Financial

diff --git a/src/pages/home/feature1.tsx b/src/pages/home/feature1.tsx
@@ -1,5 +1,6 @@
 import { Link } from "@remix-run/react";
 import { laira } from "assets/laira/laira";
+import { AboutVideo } from "components/about-video";
 import Image from "components/image";
 import { BOOK_A_DEMO } from "constants/env";
 import { appRoutes } from "constants/routes";
@@ -46,12 +47,14 @@ export function Feature1({ className = "" }) {
       <h3 className="text-center text-3xl md:text-4.5xl text-balance mb-6 px-4">
         How Better Giving Works
       </h3>
-      <p className="text-gray px-10 text-center mb-16 text-xl">
+      <p className="text-gray px-10 text-center mb-2 text-xl">
         Discover how easy it is to boost your nonprofit’s donations and achieve
         long-term financial sustainability.
       </p>
 
-      <ul className="lg:divide-x divide-gray-l3 grid gap-y-20 lg:gap-y-0 lg:grid-cols-3">
+      <AboutVideo classes="max-w-2xl justify-self-center p-4" />
+
+      <ul className="mt-20 lg:divide-x divide-gray-l3 grid gap-y-20 lg:gap-y-0 lg:grid-cols-3">
         {items.map((item, idx) => (
           <ListItem {...item} key={idx} />
         ))}

diff --git a/src/pages/home/home.tsx b/src/pages/home/home.tsx
@@ -1,4 +1,3 @@
-import { AboutVideo } from "components/about-video";
 // import HeroBottom from "../@sections/HeroBottom";
 import Footer from "components/footer";
 import Animation from "./animation";
@@ -22,7 +21,7 @@ export default function Home() {
       <Header classes="sticky z-40 top-[-1px] mt-8 px-4" />
       <Hero classes="-mt-24" />
       {/* <HeroBottom className="mb-10" endowments={page1.items} /> */}
-      <AboutVideo classes="max-w-2xl justify-self-center" />
+
       <Feature1 />
       <Benefits />
       <Brands />