From 981e0d290148758602c04382649d431f2a6a8f66 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D8=AD=D8=B3=DB=8C=D9=86=20=D9=85=D8=B9=D8=B5=D9=88=D9=85?= =?UTF-8?q?=DB=8C=20=D9=BE=D9=88=D8=B1?= Date: Thu, 4 Jan 2024 04:03:16 +0330 Subject: [PATCH] landing pricing about us --- components/landingComponents/About.jsx | 78 +++ .../landingComponents/AboutUsHero/page.jsx | 19 + components/landingComponents/Contact.jsx | 137 ++++ components/landingComponents/Experience.jsx | 87 +++ components/landingComponents/Feedbacks.jsx | 48 ++ components/landingComponents/Footer/page.jsx | 36 ++ components/landingComponents/Hero.jsx | 59 ++ components/landingComponents/Loader.jsx | 31 + components/landingComponents/Navbar.jsx | 122 ++++ .../landingComponents/PricingHero/page.jsx | 52 ++ components/landingComponents/Works.jsx | 100 +++ components/landingComponents/index.js | 9 + package.json | 9 +- pnpm-lock.yaml | 611 +++++++++++++++++- public/images/bg.png | Bin 0 -> 652715 bytes public/images/ig.png | Bin 0 -> 75419 bytes public/images/int1.jpg | Bin 0 -> 227891 bytes public/images/int2.jpg | Bin 0 -> 197315 bytes public/images/int3.jpg | Bin 0 -> 179132 bytes public/images/int4.jpg | Bin 0 -> 210755 bytes public/images/logo2.png | Bin 0 -> 29813 bytes public/images/tuk.png | Bin 0 -> 94892 bytes src/app/about-us/page.jsx | 83 +++ src/app/layout.jsx | 2 +- src/app/page.jsx | 83 +-- src/app/pricing/page.jsx | 20 + src/assets/backend.png | Bin 0 -> 28776 bytes src/assets/carrent.png | Bin 0 -> 758933 bytes src/assets/close.svg | 3 + src/assets/company/meta.png | Bin 0 -> 7746 bytes src/assets/company/shopify.png | Bin 0 -> 8003 bytes src/assets/company/starbucks.png | Bin 0 -> 16754 bytes src/assets/company/tesla.png | Bin 0 -> 4945 bytes src/assets/creator.png | Bin 0 -> 21772 bytes src/assets/github.png | Bin 0 -> 11067 bytes src/assets/herobg.png | Bin 0 -> 930529 bytes src/assets/index.js | 62 ++ src/assets/jobit.png | Bin 0 -> 755045 bytes src/assets/logo.svg | 1 + src/assets/logo2.png | Bin 0 -> 98149 bytes src/assets/menu.svg | 3 + src/assets/mobile.png | Bin 0 -> 22663 bytes src/assets/tech/css.png | Bin 0 -> 5475 bytes src/assets/tech/docker.png | Bin 0 -> 5486 bytes src/assets/tech/figma.png | Bin 0 -> 4749 bytes src/assets/tech/git.png | Bin 0 -> 3433 bytes src/assets/tech/html.png | Bin 0 -> 5316 bytes src/assets/tech/javascript.png | Bin 0 -> 3790 bytes src/assets/tech/mongodb.png | Bin 0 -> 8047 bytes src/assets/tech/nodejs.png | Bin 0 -> 6603 bytes src/assets/tech/reactjs.png | Bin 0 -> 4102 bytes src/assets/tech/redux.png | Bin 0 -> 7766 bytes src/assets/tech/tailwind.png | Bin 0 -> 5242 bytes src/assets/tech/threejs.svg | 11 + src/assets/tech/typescript.png | Bin 0 -> 3455 bytes src/assets/tripguide.png | Bin 0 -> 3417507 bytes src/assets/web.png | Bin 0 -> 59042 bytes src/constans/index.js | 107 +++ src/hoc/SectionWrapper.jsx | 26 + src/hoc/index.js | 3 + src/style.js | 17 + src/utils/motion.js | 88 +++ style/globals.css | 239 +++++++ tailwind.config.js | 8 + 64 files changed, 2079 insertions(+), 75 deletions(-) create mode 100644 components/landingComponents/About.jsx create mode 100644 components/landingComponents/AboutUsHero/page.jsx create mode 100644 components/landingComponents/Contact.jsx create mode 100644 components/landingComponents/Experience.jsx create mode 100644 components/landingComponents/Feedbacks.jsx create mode 100644 components/landingComponents/Footer/page.jsx create mode 100644 components/landingComponents/Hero.jsx create mode 100644 components/landingComponents/Loader.jsx create mode 100644 components/landingComponents/Navbar.jsx create mode 100644 components/landingComponents/PricingHero/page.jsx create mode 100644 components/landingComponents/Works.jsx create mode 100644 components/landingComponents/index.js create mode 100644 public/images/bg.png create mode 100644 public/images/ig.png create mode 100644 public/images/int1.jpg create mode 100644 public/images/int2.jpg create mode 100644 public/images/int3.jpg create mode 100644 public/images/int4.jpg create mode 100644 public/images/logo2.png create mode 100644 public/images/tuk.png create mode 100644 src/app/about-us/page.jsx create mode 100644 src/app/pricing/page.jsx create mode 100644 src/assets/backend.png create mode 100644 src/assets/carrent.png create mode 100644 src/assets/close.svg create mode 100644 src/assets/company/meta.png create mode 100644 src/assets/company/shopify.png create mode 100644 src/assets/company/starbucks.png create mode 100644 src/assets/company/tesla.png create mode 100644 src/assets/creator.png create mode 100644 src/assets/github.png create mode 100644 src/assets/herobg.png create mode 100644 src/assets/index.js create mode 100644 src/assets/jobit.png create mode 100644 src/assets/logo.svg create mode 100644 src/assets/logo2.png create mode 100644 src/assets/menu.svg create mode 100644 src/assets/mobile.png create mode 100644 src/assets/tech/css.png create mode 100644 src/assets/tech/docker.png create mode 100644 src/assets/tech/figma.png create mode 100644 src/assets/tech/git.png create mode 100644 src/assets/tech/html.png create mode 100644 src/assets/tech/javascript.png create mode 100644 src/assets/tech/mongodb.png create mode 100644 src/assets/tech/nodejs.png create mode 100644 src/assets/tech/reactjs.png create mode 100644 src/assets/tech/redux.png create mode 100644 src/assets/tech/tailwind.png create mode 100644 src/assets/tech/threejs.svg create mode 100644 src/assets/tech/typescript.png create mode 100644 src/assets/tripguide.png create mode 100644 src/assets/web.png create mode 100644 src/constans/index.js create mode 100644 src/hoc/SectionWrapper.jsx create mode 100644 src/hoc/index.js create mode 100644 src/style.js create mode 100644 src/utils/motion.js diff --git a/components/landingComponents/About.jsx b/components/landingComponents/About.jsx new file mode 100644 index 0000000..45d00cd --- /dev/null +++ b/components/landingComponents/About.jsx @@ -0,0 +1,78 @@ +import React from "react"; +import { Tilt } from "react-tilt"; +import { motion } from "framer-motion"; + +import { fadeIn, textVariant } from "src/utils/motion"; +import { services } from "src/constans"; +import { styles } from "src/style"; +import { SectionWrapper } from "src/hoc"; +import Image from "next/image"; + +const ServiceCard = ({ index, title, icon }) => ( + + +
+ {/* web-development */} + +

+ {title} +

+
+ + +); + +const About = () => { + return ( + <> + +

+ Introduction. +

+ + + + At 'Briz', our ethos is simple: empower coffee shop owners to manage + better, control operations smoothly, and serve each cup with a smile. + Our platform is designed to handle the heavy lifting of day-to-day + tasks, from inventory management to staff scheduling, so you can focus + on what matters most - your patrons and your passion for coffee. + + +
+ {services.map((service, index) => ( + + ))} +
+ + ); +}; + +export default SectionWrapper(About, "about"); diff --git a/components/landingComponents/AboutUsHero/page.jsx b/components/landingComponents/AboutUsHero/page.jsx new file mode 100644 index 0000000..12dfc32 --- /dev/null +++ b/components/landingComponents/AboutUsHero/page.jsx @@ -0,0 +1,19 @@ +import React from "react"; + +const AboutUsHero = () => { + return ( + <> +
+
+

+ Welcome to Briz +

+
+
+ + ); +}; + +export default AboutUsHero; diff --git a/components/landingComponents/Contact.jsx b/components/landingComponents/Contact.jsx new file mode 100644 index 0000000..7722ac0 --- /dev/null +++ b/components/landingComponents/Contact.jsx @@ -0,0 +1,137 @@ +"use client"; +import React, { useRef, useState } from "react"; +import { motion } from "framer-motion"; +import emailjs from "@emailjs/browser"; + +import { SectionWrapper } from "src/hoc"; +import { slideIn } from "src/utils/motion"; +import { styles } from "src/style"; +// import { EarthCanvas } from "./canvas"; + +const Contact = () => { + const formRef = useRef(); + const [form, setForm] = useState({ + name: "", + email: "", + message: "", + }); + + const [loading, setLoading] = useState(false); + + const handleChange = (e) => { + const { target } = e; + const { name, value } = target; + + setForm({ + ...form, + [name]: value, + }); + }; + + const handleSubmit = (e) => { + e.preventDefault(); + setLoading(true); + + emailjs + .send( + import.meta.env.VITE_APP_EMAILJS_SERVICE_ID, + import.meta.env.VITE_APP_EMAILJS_TEMPLATE_ID, + { + from_name: form.name, + to_name: "JavaScript Mastery", + from_email: form.email, + to_email: "sujata@jsmastery.pro", + message: form.message, + }, + import.meta.env.VITE_APP_EMAILJS_PUBLIC_KEY + ) + .then( + () => { + setLoading(false); + alert("Thank you. I will get back to you as soon as possible."); + + setForm({ + name: "", + email: "", + message: "", + }); + }, + (error) => { + setLoading(false); + console.error(error); + + alert("Ahh, something went wrong. Please try again."); + } + ); + }; + + return ( +
+ +

Get in touch

+

Contact.

+ +
+ + +