blob maked h1 made and styled grid making the blurmaster
							parent
							
								
									e2d4c5c0f6
								
							
						
					
					
						commit
						5f88d9f493
					
				
				 3 changed files with 74 additions and 2 deletions
			
			
		@ -0,0 +1,47 @@ | 
				
			||||
.part1Blob{ | 
				
			||||
    width:24em; | 
				
			||||
    height:24em; | 
				
			||||
    background-color: #C1ECFF; | 
				
			||||
    border-radius: 50%; | 
				
			||||
    margin-bottom: -24em; | 
				
			||||
    opacity: 0.35; | 
				
			||||
    box-shadow: 0px 0px 38px #1577F8; | 
				
			||||
    margin-left:-5em; | 
				
			||||
    filter: blur(8px); | 
				
			||||
} | 
				
			||||
 | 
				
			||||
.HomePart1{ | 
				
			||||
    display: flex; | 
				
			||||
    background-color: rgba(255,255,255,0.5); | 
				
			||||
    direction: rtl; | 
				
			||||
    width:calc(100% - 10em); | 
				
			||||
    padding: 0em 5em; | 
				
			||||
     | 
				
			||||
} | 
				
			||||
.Part1Cont{ | 
				
			||||
    background-color: none; | 
				
			||||
    width:80%; | 
				
			||||
    padding: 4%; | 
				
			||||
} | 
				
			||||
.Part1Cont h1{ | 
				
			||||
    font-size: 48px; | 
				
			||||
    font-weight:bolder; | 
				
			||||
    font-family: 'iranSans'; | 
				
			||||
    background: linear-gradient(90deg, #0D41E1, #0C63E7, #0A85ED, #09A6F3, #07C8F9); | 
				
			||||
    background-clip: text; | 
				
			||||
  -webkit-text-fill-color: transparent; | 
				
			||||
    margin-bottom: -12px; | 
				
			||||
    word-spacing: -4px; | 
				
			||||
    letter-spacing: -1px; | 
				
			||||
    width: 70%; | 
				
			||||
} | 
				
			||||
.Part1Cont h2{ | 
				
			||||
    width:65%; | 
				
			||||
    font-size: 27px; | 
				
			||||
 | 
				
			||||
} | 
				
			||||
 | 
				
			||||
.Part1Cont p{ | 
				
			||||
    width:65%; | 
				
			||||
    font-size: 15px; | 
				
			||||
} | 
				
			||||
@ -0,0 +1,25 @@ | 
				
			||||
import React from "react"; | 
				
			||||
import MobileMockup from "../../../Components/mobileMockup/mobileMockup"; | 
				
			||||
 | 
				
			||||
import './homePart1.css'; | 
				
			||||
 | 
				
			||||
const HomePart1 = () =>{ | 
				
			||||
    return( | 
				
			||||
        <div className="Part1Container"> | 
				
			||||
            <div className="part1Blob"></div> | 
				
			||||
        <div className="HomePart1"> | 
				
			||||
            <MobileMockup /> | 
				
			||||
            <div className="Part1Cont"> | 
				
			||||
                <h1>این بار داستان فرق می کند</h1> | 
				
			||||
                <h2>راهکاری برای کاهش هزینه ها، زمان و منابع شما...</h2> | 
				
			||||
                <p> | 
				
			||||
                با استفاده از پلتفرم چت هوشمند بازو شما می توانید نیاز به نیروی انسانی برای پاسخگویی به | 
				
			||||
مشتریانتان رو به حداقل رسانده و پول روی پول بگذارید و راحتتر مشتریان خود را چپاول کنید | 
				
			||||
                </p> | 
				
			||||
            </div> | 
				
			||||
        </div> | 
				
			||||
        </div> | 
				
			||||
    ); | 
				
			||||
}; | 
				
			||||
 | 
				
			||||
export default HomePart1; | 
				
			||||
					Loading…
					
					
				
		Reference in new issue