first commit

app/components/ServicesHomeOne.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import IconOne from '../../assets/images/icon/reward.png';
+import IconTwo from '../../assets/images/icon/assign-chores.png';
+import IconThree from '../../assets/images/icon/financial-education.png';
+import IconFour from '../../assets/images/icon/family-connect.png';
+import Main from '../lnd/LndParts/Design/Main';
+
+function ServiceItem({ icon, title, description, index }) {
+  return (
+    <div
+      className="service-item text-center mt-30 wow animated fadeInUp"
+      data-wow-duration="2000ms"
+      data-wow-delay={`${200 * (index + 1)}ms`}
+      style={{ cursor: "default" }}
+    >
+      <div className="icon">
+        <img src={icon} alt={title} width={70} height={70} loading="lazy" />
+      </div>
+      <h4 className="appie-title">{title}</h4>
+      <p>{description}</p>
+    </div>
+  );
+}
+
+function ServicesHomeOne({ className }) {
+
+  return (
+    <section
+      className={`appie-service-area pt-50 pb-50 ${className}`}
+      id="service"
+    >    
+      <Main />
+    </section>
+  );
+}
+
+export default ServicesHomeOne;
+
+const serviceTitle = `Set Chores, Set Goals and Rewards Accomplishments`;
+const serviceItems = [
+  {
+    icon: IconOne,
+    title: 'Reward Goals Met',
+    description: 'Set goals together and reward accomplishment',
+  },
+  {
+    icon: IconTwo,
+    title: 'Assign Regular Chores',
+    description: 'Organize essential regular chores to be done',
+  },
+  {
+    icon: IconThree,
+    title: 'Financial Education',
+    description: 'Get Kids start early on money management',
+  },
+  {
+    icon: IconFour,
+    title: 'Family Connect',
+    description: 'Connect family, share accomplishments with friends',
+  },
+];