update

saml33 · Sep 12, 2024 · e1b467a · e1b467a
1 parent eb8621b
commit e1b467a
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 12 deletions.
diff --git a/landing/app/component/LandingPage/Build.tsx b/landing/app/component/LandingPage/Build.tsx
@@ -1,16 +1,21 @@
 import React from 'react';
 import Wrapper from '../shared/ComponentWrapper/Wrapper';
+import * as Icons from '../../svg/Icons';
+import Image from 'next/image';
 
 const Build = () => {
   return (
-    <div className='py-20'>
+    <div className='py-12 md:py-20'>
+{/* <Icons.manifest className='absolute h-72 w-auto text-white left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 text-night' /> */}
       <Wrapper>
-      <div className='max-w-3xl mx-auto border-2 border-gold flex flex-col items-center text-center p-8 rounded-xl'>
+      <div className='max-w-3xl mx-auto flex flex-col items-center text-center p-8 rounded-xl'>
+      <Image className='mb-6' src='/assets/manifest-logo-mark.svg' height={96} width={96} alt="logo" />
+      {/* <Icons.manifest className='mb-6 h-20 w-auto text-gold' /> */}
                 <h2 className='mb-2'>
                   All traders and tokens welcome
                 </h2>
                 <p className='mb-6 text-lg'>Manifest the on-chain world with us</p>
-                <a className='bg-gold rounded-lg px-4 py-3 text-black font-semibold' href="https://docs.google.com/forms/d/e/1FAIpQLSf9HhyExwnqnFuWN3FI5YZJ_cjmS-yGUBsmweVs-BVACVw2Zw/viewform" target='_blank' rel="noopener noreferrer">Get in touch</a>
+                <a className='bg-sienna rounded-lg px-4 py-3 text-black font-semibold' href="https://docs.google.com/forms/d/e/1FAIpQLSf9HhyExwnqnFuWN3FI5YZJ_cjmS-yGUBsmweVs-BVACVw2Zw/viewform" target='_blank' rel="noopener noreferrer">Get in touch</a>
                 </div>
       </Wrapper>
     </div>

diff --git a/landing/app/component/LandingPage/FeaturesNew.tsx b/landing/app/component/LandingPage/FeaturesNew.tsx
@@ -2,7 +2,7 @@ import Wrapper from "../shared/ComponentWrapper/Wrapper"
 
 const FeaturesNew = () => {
     return (
-        <div className="py-12 md:py-20">
+        <div className="py-12 md:py-20 border-b border-brown">
         <Wrapper>
             <h2 className="text-center mb-6">Features</h2>
         <div className="grid grid-cols-12 gap-6 md:gap-10">

diff --git a/landing/app/component/LandingPage/Hero.tsx b/landing/app/component/LandingPage/Hero.tsx
@@ -3,10 +3,10 @@ import Wrapper from '../shared/ComponentWrapper/Wrapper';
 
 const Hero: React.FC = () => {
   return (
-      <Wrapper style='h-full'>
+      <Wrapper style='h-full border-b border-brown'>
           <div className='w-full flex flex-col gap-5 justify-center items-center h-full py-12 md:py-20'>
             <div className='max-w-3xl flex flex-col items-center text-center'>
-              <span className='mb-2 text-sienna font-bold'>MANIFEST</span>
+              <span className='mb-2 text-white font-bold'>MANIFEST</span>
                 <h1 className='mb-4'>
                   The Unlimited Orderbook
                 </h1>

diff --git a/landing/app/component/LandingPage/Integrations.tsx b/landing/app/component/LandingPage/Integrations.tsx
@@ -26,13 +26,13 @@ const INTEGRATIONS = [
 
 const Integrations = () => {
     return (
-        <div className="py-12 md:py-20">
+        <div className="py-12 md:py-20 border-b border-brown">
         <Wrapper>
             <h2 className="text-center mb-6">Integrations</h2>
         <div className="grid grid-cols-12 gap-6 md:gap-10">
             {INTEGRATIONS.map((p) => {
                 return <div className="col-span-12 md:col-span-4">
-                <div className={`mb-4 w-full h-56 bg-cover bg-no-repeat bg-center`} 
+                <div className={`border border-night mb-4 w-full h-56 bg-cover bg-no-repeat bg-center`} 
         style={{ backgroundImage: `url(${p.imagePath})` }} />
         <h3 className="mb-1">{p.name}</h3>
         <p className="mb-2">{p.description}</p>

diff --git a/landing/app/component/LandingPage/Security.tsx b/landing/app/component/LandingPage/Security.tsx
@@ -4,7 +4,7 @@ import * as Icons from '../../svg/Icons';
 
 const Security = () => {
   return (
-    <div className='bg-night py-16'>
+    <div className='py-12 md:py-20 border-b border-brown'>
       <Wrapper>
         <div className='w-full flex flex-col items-center'>
             <h2 className='mb-2'>

diff --git a/landing/app/component/shared/Footer/Footer.tsx b/landing/app/component/shared/Footer/Footer.tsx
@@ -8,7 +8,7 @@ import Link from 'next/link';
 const Footer = () => {
 
   return (
-    <div className='border-t border-night pt-10 pb-4'
+    <div className='border-t border-brown pt-10 pb-4'
     >
       <Wrapper>
         <div className='w-full flex justify-center items-center flex-col gap-10 2xl:gap-14'>
@@ -32,7 +32,7 @@ const Footer = () => {
                   );
                 })}
               </div>
-              <p className='text-center'>
+              <p className='text-center text-sm'>
                 Manifest is Open Source, Public Good, Blockchain Software. Licensed under GNU GPL-3.0
               </p>
               <p className='text-xs opacity-60'>

diff --git a/landing/app/favicon.ico b/landing/app/favicon.ico
diff --git a/landing/app/globals.css b/landing/app/globals.css
@@ -20,7 +20,7 @@ h1 {
 }
 
 h2 {
-  @apply text-3xl md:text-5xl text-gold;
+  @apply text-3xl md:text-4xl text-gold;
 }
 
 h3 {

diff --git a/landing/app/svg/Icons.tsx b/landing/app/svg/Icons.tsx
@@ -806,3 +806,13 @@ export const grapple: React.FC<Props> = ({
     />
   </svg>
 );
+
+export const manifest: React.FC<{ className?: string }> = ({
+  className,
+}) => (
+  <svg viewBox="0 0 136 110" fill="currentColor" xmlns="http://www.w3.org/2000/svg" className={className}>
+<path d="M0.0390625 20.1687L11.205 0.628906H55.0899L65.9649 14.2218L68.0037 16.4685L70.0424 14.2218L80.9174 0.628906H124.802L135.968 20.1687V37.1599H124.641L135.968 56.9829V100.31H90.6585V95.7793H130.305V91.2484H90.6585V86.7174H124.641V82.1864H90.6585V77.6555H118.977V73.1245H90.6585V68.5935H113.313V64.0625H90.6585V59.5316H107.65V55.0006H90.6585V50.4696H101.986V45.9386H90.6585V41.4077H96.3222V36.8767H90.6585L72.5346 59.5316H63.4727L45.3488 36.8767H39.6851V41.4077H45.3488V45.9386H34.0214V50.4696H45.3488V55.0006H28.3576V59.5316H45.3488V64.0625H22.6939V68.5935H45.3488V73.1245H17.0302V77.6555H45.3488V82.1864H11.3665V86.7174H45.3488V91.2484H5.70278V95.7793H45.3488V100.31H0.0390625V56.9829L11.3665 37.1599H0.0390625V20.1687Z" />
+<path d="M0.0390625 104.841V109.372H45.3488V104.841H0.0390625Z" />
+<path d="M90.6585 104.841V109.372H135.968V104.841H90.6585Z" />
+  </svg>
+)
diff --git a/landing/tailwind.config.ts b/landing/tailwind.config.ts
@@ -33,6 +33,7 @@ const config: Config = {
       colors: {
         gold: "#D4AF37",
         black: "#0E0B01",
+        brown: "#221B07",
         night: "#161513",
         sienna: "#D57A66",
         white: "#EFE3BD",
-Original file line number
+Diff line change
@@ Expand Up / @@ -20,7 +20,7 @@ h1 { @@
     }
     h2 {
-      @apply text-3xl md:text-5xl text-gold;
+      @apply text-3xl md:text-4xl text-gold;
     }
     h3 {
@@ Expand Down @@