Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: work on ui changes #24

Merged
merged 1 commit into from
Nov 25, 2024
Merged

chore: work on ui changes #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 64 additions & 9 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -155,7 +155,7 @@ export default function Home() {
padding: isMobile ? "20px" : "0 60px",
display: "flex",
flexDirection: "column",
marginTop: isMobile ? "20px" : "240px",
marginTop: isMobile ? "40px" : "240px",
};

const heroRightStyle: CSSProperties = {
Expand All @@ -166,7 +166,7 @@ export default function Home() {
alignItems: "center",
justifyContent: "center",
marginTop: isMobile ? "40px" : "0",
flexDirection: isMobile ? 'column-reverse' : 'row'
flexDirection: isMobile ? "column-reverse" : "row",
};

const heroImageStyle: CSSProperties = {
Expand All @@ -183,7 +183,7 @@ export default function Home() {
right: "32px",
textAlign: "left",
color: "black",
fontSize: isMobile ? "14px" : "24px",
fontSize: isMobile ? "18px" : "24px",
fontFamily: "Bai Jamjuree, sans-serif",
};

Expand Down Expand Up @@ -237,19 +237,19 @@ export default function Home() {
<div>
<div style={heroSectionStyle}>
<div style={heroLeftStyle}>
<div className="text-4xl md:text-7xl font-bold mb-4 bg-gradient-to-l from-[#50B7F9] to-[#D32CE0] text-transparent bg-clip-text">
<div className="text-7xl text-center md:text-7xl font-bold mb-4 bg-gradient-to-l from-[#50B7F9] to-[#D32CE0] text-transparent bg-clip-text">
MyriadFlow <br /> Studio
</div>
<div className="text-3xl md:text-5xl font-thin mt-4 md:mt-6">
<div className="hidden lg:block text-3xl md:text-5xl font-thin mt-4 md:mt-6">
Launch phygitals &<br />
virtual experiences
</div>
<p className="text-xl text-black mt-4">
<p className="hidden lg:block text-xl text-black mt-4">
No coding knowledge needed.
</p>
<div
style={{
display: "flex",
display: isMobile ? "none" : "flex",
flexDirection: isMobile ? "column" : "row",
gap: "24px",
marginTop: isMobile ? "24px" : "80px",
Expand Down Expand Up @@ -286,7 +286,7 @@ export default function Home() {
</h2>
</div>

<div style={featuresStyle}>
<div className="hidden lg:flex" style={featuresStyle}>
<div style={{ maxWidth: "1280px", margin: "0 auto" }}>
<div style={featuresSectionStyle}>
<div style={featureBlockStyle}>
Expand Down Expand Up @@ -375,7 +375,7 @@ export default function Home() {
</div>
</div>

<div style={programsStyle}>
<div className="hidden lg:flex" style={programsStyle}>
<div style={{ maxWidth: "1200px", margin: "0 auto" }}>
<div style={programsContainerStyle}>
{/* Premium Brand Card */}
Expand Down Expand Up @@ -425,6 +425,7 @@ export default function Home() {
</div>

<div
className="hidden lg:flex"
style={{
backgroundColor: "white",
padding: isMobile ? "40px 20px" : "64px",
Expand Down Expand Up @@ -461,6 +462,60 @@ export default function Home() {
</p>
</div>
</div>

<div className="block lg:hidden px-4 py-10">
<p
className="w-[334px] h-[153px] "
style={{
fontFamily: "Bai Jamjuree, sans-serif",
fontSize: "22px",
fontWeight: 300,
lineHeight: "27.5px",
textAlign: "center",
margin: "auto"
}}
>
Would you like to explore our Discover marketplace or WebXR on your
mobile device?{" "}
</p>

<div className="flex flex-col gap-4 mt-6">
<Link
href="https://discover.myriadflow.com/"
className="w-[233px] h-[60.91px] bg-[#30D8FF] rounded-[30px] mx-auto"
style={{
fontFamily: "Bai Jamjuree, sans-serif",
fontSize: "30px",
fontWeight: 400,
lineHeight: "28px",
letterSpacing: "0.45%",
color: "black",
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
Discover
</Link>
<Link
href="https://webxr.myriadflow.com/"
className="w-[233px] h-[60.91px] bg-[#30D8FF] rounded-[30px] mx-auto"
style={{
fontFamily: "Bai Jamjuree, sans-serif",
fontSize: "30px",
fontWeight: 400,
lineHeight: "28px",
letterSpacing: "0.45%",
color: "black",
display: "flex",
alignItems: "center",
justifyContent: "center",
}}
>
WebXR
</Link>
</div>
</div>
</div>
<Footer />
</>
Expand Down
4 changes: 2 additions & 2 deletions src/components/ui/navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -229,7 +229,7 @@ export const Navbar = () => {
{/* Mobile Menu Button */}
<div className="md:hidden flex items-center gap-4 z-20">
{address ? (
<div className="relative">
<div className="relative hidden lg:flex">
<button
className="flex items-center space-x-2"
onClick={() => setIsDropdownOpen(!isDropdownOpen)}
Expand All @@ -247,7 +247,7 @@ export const Navbar = () => {
{isDropdownOpen && <ProfileDropdown />}
</div>
) : (
<div onClick={Notification}>
<div className="hidden lg:flex" onClick={Notification}>
<w3m-button />
</div>
)}
Expand Down
Loading