mirror of https://github.com/kortix-ai/suna.git
fix: landing video position
This commit is contained in:
parent
9e58254672
commit
a63409224b
|
@ -9,6 +9,7 @@ import { OpenSourceSection } from '@/components/home/sections/open-source-sectio
|
||||||
import { PricingSection } from '@/components/home/sections/pricing-section';
|
import { PricingSection } from '@/components/home/sections/pricing-section';
|
||||||
import { UseCasesSection } from '@/components/home/sections/use-cases-section';
|
import { UseCasesSection } from '@/components/home/sections/use-cases-section';
|
||||||
import { ModalProviders } from '@/providers/modal-providers';
|
import { ModalProviders } from '@/providers/modal-providers';
|
||||||
|
import { HeroVideoSection } from '@/components/home/sections/hero-video-section';
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
return (
|
return (
|
||||||
|
@ -27,6 +28,9 @@ export default function Home() {
|
||||||
<div className='flex flex-col items-center px-4'>
|
<div className='flex flex-col items-center px-4'>
|
||||||
<PricingSection />
|
<PricingSection />
|
||||||
</div>
|
</div>
|
||||||
|
<div className="mt-12 pb-12 mx-auto">
|
||||||
|
<HeroVideoSection />
|
||||||
|
</div>
|
||||||
{/* <TestimonialSection /> */}
|
{/* <TestimonialSection /> */}
|
||||||
{/* <FAQSection /> */}
|
{/* <FAQSection /> */}
|
||||||
<CTASection />
|
<CTASection />
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
import { siteConfig } from '@/lib/home';
|
import { siteConfig } from '@/lib/home';
|
||||||
import Link from 'next/link';
|
import Link from 'next/link';
|
||||||
|
import { HeroVideoSection } from './hero-video-section';
|
||||||
|
|
||||||
export function CTASection() {
|
export function CTASection() {
|
||||||
const { ctaSection } = siteConfig;
|
const { ctaSection } = siteConfig;
|
||||||
|
@ -12,13 +13,6 @@ export function CTASection() {
|
||||||
>
|
>
|
||||||
<div className="w-full max-w-6xl mx-auto px-6">
|
<div className="w-full max-w-6xl mx-auto px-6">
|
||||||
<div className="h-[400px] md:h-[400px] overflow-hidden shadow-xl w-full border border-border rounded-xl bg-secondary relative z-20">
|
<div className="h-[400px] md:h-[400px] overflow-hidden shadow-xl w-full border border-border rounded-xl bg-secondary relative z-20">
|
||||||
{/* <Image
|
|
||||||
src={ctaSection.backgroundImage}
|
|
||||||
alt="Agent CTA Background"
|
|
||||||
className="absolute inset-0 w-full h-full object-cover object-right md:object-center"
|
|
||||||
fill
|
|
||||||
priority
|
|
||||||
/> */}
|
|
||||||
<div className="absolute inset-0 -top-32 md:-top-40 flex flex-col items-center justify-center">
|
<div className="absolute inset-0 -top-32 md:-top-40 flex flex-col items-center justify-center">
|
||||||
<h1 className="text-white text-4xl md:text-7xl font-medium tracking-tighter max-w-xs md:max-w-xl text-center">
|
<h1 className="text-white text-4xl md:text-7xl font-medium tracking-tighter max-w-xs md:max-w-xl text-center">
|
||||||
{ctaSection.title}
|
{ctaSection.title}
|
||||||
|
|
|
@ -364,9 +364,7 @@ export function HeroSection() {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="mb-10 sm:mt-40 max-w-4xl mx-auto">
|
<div className="mb-16 sm:mt-52 max-w-4xl mx-auto"></div>
|
||||||
<HeroVideoSection />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* Auth Dialog */}
|
{/* Auth Dialog */}
|
||||||
<Dialog open={authDialogOpen} onOpenChange={setAuthDialogOpen}>
|
<Dialog open={authDialogOpen} onOpenChange={setAuthDialogOpen}>
|
||||||
|
|
Loading…
Reference in New Issue