talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

changing the coloring to make it simple for the landing page

Browse Source
This commit is contained in:
Arjun Patel
2022-02-09 19:41:02 -08:00
parent b079a37e5f
commit 84e8223228
7 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/components/Layouts/LandingPageLayout.tsx
+1 -1
View File
@@ -88,7 +88,7 @@ export default function LangingPageLayout({ children }) {
); );
return ( return (
<div className="landing-page-bg bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen"> <div className="bg-left-bottom bg-fixed bg-cover bg-no-repeat min-h-screen">
<div className="container mx-auto px-5 lg:px-20 min-h-screen"> <div className="container mx-auto px-5 lg:px-20 min-h-screen">
{/* header */} {/* header */}
<div className="flex flex-row py-5 px-5 items-center justify-start mx-auto"> <div className="flex flex-row py-5 px-5 items-center justify-start mx-auto">
packages/web/components/demo/LandingPageActionBar.tsx
+1 -1
View File
@@ -3,7 +3,7 @@ import { FaAngleRight } from "react-icons/fa";
export default function LandingPageActionBar() { export default function LandingPageActionBar() {
return ( return (
<span className="flex md:my-20 my-10 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg"> <span className="flex md:my-20 my-10 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-slate-50 bg-opacity-40 rounded-lg">
<span className="flex flex-col items-start text-3xl font-bold"> <span className="flex flex-col items-start text-3xl font-bold">
<span>Ready to Focus?</span> <span>Ready to Focus?</span>
<span className="text-teal-600">{"It's now or never."}</span> <span className="text-teal-600">{"It's now or never."}</span>
packages/web/pages/v1/features.tsx → packages/web/pages/features.tsx
+2 -2
View File
@@ -1,4 +1,4 @@
import LangingPageLayout from "../../components/Layouts/LandingPageLayout"; import LangingPageLayout from "../components/Layouts/LandingPageLayout";
import { import {
FcAssistant, FcAssistant,
FcCollaboration, FcCollaboration,
@@ -8,7 +8,7 @@ import {
FcOrgUnit, FcOrgUnit,
FcVideoCall, FcVideoCall,
} from "react-icons/fc"; } from "react-icons/fc";
import LandingPageActionBar from "../../components/demo/LandingPageActionBar"; import LandingPageActionBar from "../components/demo/LandingPageActionBar";
export default function Features() { export default function Features() {
return ( return (
packages/web/pages/v1/index.js → packages/web/pages/index.js
+11 -11
View File
@@ -14,15 +14,15 @@ import {
} from "react-icons/fa"; } from "react-icons/fa";
import { FcGoogle } from "react-icons/fc"; import { FcGoogle } from "react-icons/fc";
import { BsThreeDots } from "react-icons/bs"; import { BsThreeDots } from "react-icons/bs";
import TeamVoiceLine from "../../components/demo/TeamVoiceLine"; import TeamVoiceLine from "../components/demo/TeamVoiceLine";
import Announcements from "../../components/demo/Announcements"; import Announcements from "../components/demo/Announcements";
import Rooms from "../../components/demo/Rooms"; import Rooms from "../components/demo/Rooms";
import VoiceLineConceptDemo from "../../components/demo/VoiceLineConceptDemo"; import VoiceLineConceptDemo from "../components/demo/VoiceLineConceptDemo";
import MainLogo from "../../components/Logo/MainLogo"; import MainLogo from "../components/Logo/MainLogo";
import { Divider, Tooltip, Image as AntDImage } from "antd"; import { Divider, Tooltip, Image as AntDImage } from "antd";
import LangingPageLayout from "../../components/Layouts/LandingPageLayout"; import LangingPageLayout from "../components/Layouts/LandingPageLayout";
import LandingPageActionBar from "../../components/demo/LandingPageActionBar"; import LandingPageActionBar from "../components/demo/LandingPageActionBar";
import Link from "next/link"; import Link from "next/link";
export default function Home() { export default function Home() {
@@ -115,7 +115,7 @@ export default function Home() {
{/* voice line section */} {/* voice line section */}
<span className="flex flex-row md:py-32 py-10 flex-wrap"> <span className="flex flex-row md:py-32 py-10 flex-wrap">
<span className="mx-auto flex flex-col grow max-w-sm rounded-lg shadow-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10"> <span className="mx-auto flex flex-col grow max-w-sm rounded-lg shadow-lg bg-slate-50 bg-opacity-40 backdrop-blur-xl p-10">
<span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500"> <span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
VOICE ONLY VOICE ONLY
</span> </span>
@@ -200,7 +200,7 @@ export default function Home() {
</span> </span>
{/* description text */} {/* description text */}
<span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10"> <span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-slate-50 bg-opacity-40 backdrop-blur-xl p-10">
<span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500"> <span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
TEAM TEAM
</span> </span>
@@ -282,7 +282,7 @@ export default function Home() {
{/* focus on today section */} {/* focus on today section */}
<span className="flex flex-row items-center md:py-20 py-10 flex-wrap"> <span className="flex flex-row items-center md:py-20 py-10 flex-wrap">
{/* description card */} {/* description card */}
<span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-gray-200 bg-opacity-40 backdrop-blur-xl p-10"> <span className="mx-auto text-left flex flex-col grow max-w-lg shadow-lg rounded-lg bg-slate-50 bg-opacity-40 backdrop-blur-xl p-10">
<span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500"> <span className="bg-clip-text font-bold text-transparent bg-gradient-to-r from-pink-500 to-violet-500">
CLARITY CLARITY
</span> </span>
@@ -369,7 +369,7 @@ export default function Home() {
<LandingPageActionBar /> <LandingPageActionBar />
{/* customer testimonial section */} {/* customer testimonial section */}
<span className="flex my-20 mx-auto flex-col items-center max-w-screen-lg p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg"> <span className="flex my-20 mx-auto flex-col items-center max-w-screen-lg p-10 backdrop-blur-md bg-slate-50 bg-opacity-40 rounded-lg">
<span className="text-3xl font-bold">Our Customers</span> <span className="text-3xl font-bold">Our Customers</span>
<span> <span>
<span className="text-teal-600">Listen</span> to what they have to <span className="text-teal-600">Listen</span> to what they have to
packages/web/pages/index.tsx
-3
View File
@@ -1,3 +0,0 @@
export default function Landing() {
return <span>haha</span>;
}
packages/web/pages/v1/philosophy.tsx → packages/web/pages/philosophy.tsx
+3 -3
View File
@@ -2,9 +2,9 @@ import { Divider } from "antd";
import Link from "next/link"; import Link from "next/link";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { FaAngleRight } from "react-icons/fa"; import { FaAngleRight } from "react-icons/fa";
import LandingPageActionBar from "../../components/demo/LandingPageActionBar"; import LandingPageActionBar from "../components/demo/LandingPageActionBar";
import Rooms from "../../components/demo/Rooms"; import Rooms from "../components/demo/Rooms";
import LangingPageLayout from "../../components/Layouts/LandingPageLayout"; import LangingPageLayout from "../components/Layouts/LandingPageLayout";
export default function Philosophy() { export default function Philosophy() {
const handleGetDemo = () => { const handleGetDemo = () => {
packages/web/pages/v1/pricing.tsx → packages/web/pages/pricing.tsx
+2 -2
View File
@@ -6,8 +6,8 @@ import {
FaMoneyBill, FaMoneyBill,
FaPhone, FaPhone,
} from "react-icons/fa"; } from "react-icons/fa";
import LandingPageActionBar from "../../components/demo/LandingPageActionBar"; import LandingPageActionBar from "../components/demo/LandingPageActionBar";
import LandingPageLayout from "../../components/Layouts/LandingPageLayout"; import LandingPageLayout from "../components/Layouts/LandingPageLayout";
export default function Pricing() { export default function Pricing() {
return ( return (