27 |
:
29 | <>
30 |
16 |
17 |
18 |
19 | )
20 | }
21 |
--------------------------------------------------------------------------------
/src/Footer.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Col, Container, Row } from 'react-bootstrap';
3 | import { HashLink } from 'react-router-hash-link';
4 | import { Link } from 'react-router-dom';
5 | import FacebookIcon from '@mui/icons-material/Facebook';
6 | import InstagramIcon from '@mui/icons-material/Instagram';
7 | import LinkedInIcon from '@mui/icons-material/LinkedIn';
8 | function Footer() {
9 | return (
10 |
41 | )
42 | }
43 |
44 | export default Footer
--------------------------------------------------------------------------------
/src/Home.js:
--------------------------------------------------------------------------------
1 | import React, { useState, useEffect, useRef } from "react";
2 | import axios from "axios";
3 | import { Swiper, SwiperSlide } from "swiper/react";
4 | import { FreeMode, Pagination } from "swiper";
5 | import { Container, Row, Col } from 'react-bootstrap';
6 | import { Link } from 'react-router-dom';
7 | import emailjs from '@emailjs/browser';
8 | import Footer from "./Footer";
9 | import { HashLink } from 'react-router-hash-link';
10 |
11 |
12 | function Home() {
13 | const [projects, setProject] = useState([]);
14 | const form = useRef();
15 | useEffect(() => {
16 | axios.get("data.json")
17 | .then((res) => {
18 | setProject(res.data.projects)
19 | })
20 | }, [])
21 | const sendEmail = (e) => {
22 | alert("message sent successfully")
23 | e.preventDefault();
24 | emailjs.sendForm('service_9w3e1yr', 'template_1on2s3s', form.current, 'user_g1irYNKVOuewluAX01nOK')
25 | .then((result) => {
26 | console.log(result.text);
27 | }, (error) => {
28 | console.log(error.text);
29 | });
30 | e.target.reset()
31 | };
32 | return (
33 | <>
34 | {/* start bannar */}
35 | WEB DESIGN // WEBFLOW DEVELOPMENT // SEO
40 |Aisha Tarek Portfolio .
41 |We build marketing websites that help you sell on autopilot.
42 |.svg)
46 | 
47 |
48 | .svg)
49 |
50 |
49 |
51 | .svg)
52 |
53 |
52 |
54 | .svg)
55 |
56 |
57 |
55 |
67 | .svg)
68 | .svg)
69 |
70 |
71 |
68 |
69 | Imagine having your sales team on the job 24/7, interacting with an endless stream of ready-to-buy visitors.
74 | 75 |
82 |
85 | Latest builds.
83 | View Projects 84 |How it's done.
114 |.svg)
115 |
116 |
117 |
122 |
117 |
118 |
121 | UX/UI Design
119 |Where concepts turn into a strategic user-experience.
120 |
123 |
124 |
129 |
124 |
125 |
128 | Webflow Development
126 |Where design turns into code.
127 |
130 | 
131 |
136 |
131 |
132 |
135 | System Automation
133 |Where busywork gets delegated.
134 |
137 |
138 |
143 |
138 |
139 |
142 | SEO
140 |Where customers come flooding in.
141 |Why Webflow.
148 |.svg)
149 |
153 | 
156 |
158 |
159 | REASON 1
154 |Next-Level Storytelling
155 |
156 | Unleash the best visuals and experiences that modern web design has to offer. Webflow turns your wildest of ideas into strategic customer-experiences.
157 |
161 | .svg)
164 |
166 |
167 | REASON 2
162 |Unbelievable Performance
163 |
164 | Hosted on an ultra-fast global CDN, Webflow goes full steam ahead with load speed, uptime, asset optimization, and SEO. All without ever needing to install a patch or upload a server configuration.
165 |
169 | 
172 |
174 |
175 | REASON 3
170 |Developer-Free Tweaks
171 |
172 | Webflow’s ‘Editor Mode’ allows any team member to update content as they please without wreaking havoc or paying people like us to fix it.
173 |Contact Us
183 |
186 |
190 |
191 | Email: info@gmail.com
187 |Phone: 0121133133131
188 |Address: 23 street newyork
189 |
193 |
205 |
206 |
207 |
208 | 
All Projects
19 |
20 |