diff --git a/public/assets/css/style.css b/public/assets/css/style.css index dbe8716..5a1da91 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -2468,7 +2468,7 @@ footer .top_footer .anim_line span:nth-child(2) { } header.fix_style.white_header { - background-color: #664bece0; + background-color: #1a3544; } diff --git a/src/assets/css/style.css b/src/assets/css/style.css index aea24f3..5297654 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -2468,7 +2468,7 @@ footer .top_footer .anim_line span:nth-child(2) { } header.fix_style.white_header { - background-color: #664bece0; + background-color: #1a3544; } diff --git a/src/component/Home/Main.js b/src/component/Home/Main.js index 16cb64a..1918c58 100644 --- a/src/component/Home/Main.js +++ b/src/component/Home/Main.js @@ -1,153 +1,181 @@ -import { HashLink as Link } from 'react-router-hash-link'; -import React , {useEffect, useState} from 'react' +import { HashLink as Link } from "react-router-hash-link"; +import React, { useEffect, useState } from "react"; import AOS from "aos"; -import OwlCarousel from 'react-owl-carousel' -import Trusted from '../HomeMain/Trusted/Main' -import Features from '../HomeMain/Features/Main' -import AboutApp from '../HomeMain/AboutApp/Main' -import Design from '../HomeMain/Design/Main' -import Work from '../HomeMain/Work/Main' -import Testimonial from '../HomeMain/Testimonial/Main' -import Pricing from '../HomeMain/Pricing/Main' -import Faq from '../HomeMain/Faq/Main' -import Interface from '../HomeMain/Interface/Main' -import Download from '../HomeMain/Download/Main' -import Story from '../HomeMain/Story/Main' +import OwlCarousel from "react-owl-carousel"; +//import Trusted from "../HomeMain/Trusted/Main"; +import Features from "../HomeMain/Features/Main"; +//import AboutApp from "../HomeMain/AboutApp/Main"; +//import Design from "../HomeMain/Design/Main"; +import Work from "../HomeMain/Work/Main"; +//import Testimonial from "../HomeMain/Testimonial/Main"; +//import Pricing from "../HomeMain/Pricing/Main"; +import Faq from "../HomeMain/Faq/Main"; +import Interface from "../HomeMain/Interface/Main"; +import Download from "../HomeMain/Download/Main"; +import Story from "../HomeMain/Story/Main"; -import anim from '../../assets/images/anim_line.png' -import blueapp from '../../assets/images/appstore_blue.png' -import whiteapp from '../../assets/images/appstore_white.png' -import blue from '../../assets/images/googleplay_blue.png' -import white from '../../assets/images/googleplay_white.png' -import used1 from '../../assets/images/used01.png' -import used2 from '../../assets/images/used02.png' -import used3 from '../../assets/images/used03.png' -import used4 from '../../assets/images/used04.png' -import msg from '../../assets/images/message_icon.png' -import shield from '../../assets/images/shield_icon.png' -import screen from '../../assets/images/screen.png' -import frame from '../../assets/images/mobile_frame_svg.svg' +import anim from "../../assets/images/anim_line.png"; +import blueapp from "../../assets/images/appstore_blue.png"; +import whiteapp from "../../assets/images/appstore_white.png"; +import blue from "../../assets/images/googleplay_blue.png"; +import white from "../../assets/images/googleplay_white.png"; +//import used1 from "../../assets/images/used01.png"; +//import used2 from "../../assets/images/used02.png"; +//import used3 from "../../assets/images/used03.png"; +//import used4 from "../../assets/images/used04.png"; +import msg from "../../assets/images/message_icon.png"; +import shield from "../../assets/images/shield_icon.png"; +import screen from "../../assets/images/screen.png"; +import frame from "../../assets/images/mobile_frame_svg.svg"; +const Main = ({ setfooter, setnavbar, setbrdcum }) => { + useEffect(() => { + AOS.init(); + AOS.refresh(); + }, []); -const Main = ({setfooter , setnavbar ,setbrdcum}) => { + useEffect(() => { + setfooter({ f1: true }); + setnavbar({ n2: true }); + setbrdcum({ b1: true }); + localStorage.setItem("navbar", "home"); + }, []); - useEffect(() => { - AOS.init(); - AOS.refresh(); - }, []); - - useEffect(() => { - setfooter({f1 : true}) - setnavbar({n2 : true}) - setbrdcum({b1 : true}) - localStorage.setItem("navbar","home") - - }, []) - - const frmae_slider = { - loop:true, - margin:10, - nav:false, - autoplay: true, - smartSpeed: 1500, - dots: true, - responsive:{ - 0:{ - items:1 - }, - 600:{ - items:1 - }, - 1000:{ - items:1 - } - } - } + const frmae_slider = { + loop: true, + margin: 10, + nav: false, + autoplay: true, + smartSpeed: 1500, + dots: true, + responsive: { + 0: { + items: 1, + }, + 600: { + items: 1, + }, + 1000: { + items: 1, + }, + }, + }; return ( <> -
-
-
- anim_line - anim_line - anim_line - anim_line - anim_line - anim_line - anim_line - anim_line - anim_line -
-
-
-
-

your Personal health care platform.

-

myFit is your personal health care concierge. this app helps you to manage the intricacies of your daily and long term health activities. With myFit, your health record is yours at all point, you decide your provider access as needed from time to time. -

-
-
    -
  • - - image - image - -
  • -
  • - - image - image - -
  • -
- -
-
-
-
- image -
-
- image -
- -
-
- image -
-
-
-
- image -
-
-
-
- image -
-
-
-
- image -
-
-
-
+
+
+
+ + anim_line + + + anim_line + + + anim_line + + + anim_line + + + anim_line + + + anim_line + + + anim_line + + + anim_line + + + anim_line + +
+
+
+
+

+ your Personal health care platform. +

+

+ myFit is your personal health care concierge. this app helps + you to manage the intricacies of your daily and long term + health activities. With myFit, your health record is yours at + all point, you decide your provider access as needed from time + to time. +

+
+
    +
  • + + image + image + +
  • +
  • + + image + image + +
  • +
-
- {/* */} - - { /* - */} - - {/* - */} - - - - +
+
+
+ image +
+
+ image +
+ +
+
+ image +
+
+
+
+ image +
+
+
+
+ image +
+
+
+
+ image +
+
+
+
+ +
+ + + + + + - ) -} + ); +}; -export default Main \ No newline at end of file +export default Main;