add videos
This commit is contained in:
@@ -42,18 +42,18 @@ import {
|
||||
|
||||
export default function Build() {
|
||||
return (
|
||||
<div className="bg-white py-24 sm:py-32">
|
||||
<div className="bg-white lg:py-20 py-24">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-2xl sm:text-center">
|
||||
<h2 className="text-base font-medium font-mono leading-7 text-blue-600">Get Started</h2>
|
||||
<p className="mt-2 text-3xl font-semibold tracking-tight text-blue-700 sm:text-4xl">Build Your Own Verse</p>
|
||||
<p className="mt-2 lg:text-5xl font-semibold tracking-tight text-blue-700 text-3xl">Build Your Own Verse</p>
|
||||
<p className="mt-6 text-lg leading-8 text-blue-900">
|
||||
Create and customize your virtual world with powerful tools and resources that make building and managing your digital space easy and intuitive.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="relative overflow-hidden pt-16">
|
||||
<div className="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<div className="mx-auto max-w-6xl px-6 lg:px-8">
|
||||
{/* embed Video */}
|
||||
<video
|
||||
autoPlay
|
||||
@@ -62,7 +62,7 @@ import {
|
||||
playsInline
|
||||
className="relative w-full h-full overflow-hidden rounded-lg shadow-lg"
|
||||
>
|
||||
<source src="/videos/ourverse.mp4" type="video/mp4" />
|
||||
<source src="/videos/ourverse3.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
<div aria-hidden="true" className="relative">
|
||||
@@ -70,8 +70,8 @@ import {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8">
|
||||
<dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16">
|
||||
<div className="mx-auto lg:mt-16 max-w-7xl px-6 mt-20 md:mt-24 lg:px-8">
|
||||
<dl className="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base leading-7 text-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-10">
|
||||
{features.map((feature) => (
|
||||
<div key={feature.name} className="relative pl-9">
|
||||
<dt className="inline font-semibold text-gray-900">
|
||||
|
@@ -6,7 +6,7 @@ export function Gradient({ children, className = '' }) {
|
||||
<div
|
||||
className={`relative ${className}`}
|
||||
style={{
|
||||
background: 'linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(253,253,253,0) 90%)',
|
||||
background: 'linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(253,253,253,0) 80%)',
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
|
@@ -14,7 +14,7 @@ export function Homepage() {
|
||||
playsInline
|
||||
className="absolute inset-0 w-full h-full object-cover -z-10"
|
||||
>
|
||||
<source src="/videos/ourverse2.mp4" type="video/mp4" />
|
||||
<source src="/videos/ourverse1.mp4" type="video/mp4" />
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
|
||||
|
Reference in New Issue
Block a user