147 lines
6.1 KiB
TypeScript
147 lines
6.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="AnimStudio"
|
|
button={{
|
|
text: "Start Project", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Breathe Life Into Your Brand"
|
|
description="Premium animation and motion design studio. We transform complex ideas into visually stunning, high-performance stories."
|
|
tag="Motion Excellence"
|
|
buttons={[
|
|
{
|
|
text: "View Our Work", href: "#services"},
|
|
{
|
|
text: "Get a Quote", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-sewing-machine_122409-62.jpg"
|
|
imageAlt="Animation Studio Hero"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="Our Story"
|
|
title="Crafting Art Through Motion"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "3D Character Rigging", description: "Sophisticated rigging solutions for professional animation projects.", imageSrc: "http://img.b2bpic.net/free-photo/stakeholders-president-company-gather-via-video-link_482257-82326.jpg"},
|
|
{
|
|
id: "f2", title: "Storyboard Concepting", description: "Turning raw ideas into visual story maps for production.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320745.jpg"},
|
|
{
|
|
id: "f3", title: "Final Motion Renders", description: "Stunning high-fidelity renders optimized for your platform.", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154120.jpg"},
|
|
]}
|
|
title="Creative Motion Services"
|
|
description="End-to-end animation services that bring your vision to life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="AnimStudio completely changed the way we communicate our product features. Their attention to motion detail is unmatched in the industry. The team's ability to interpret our vision and elevate it exceeded all expectations."
|
|
rating={5}
|
|
author="Marcus V., Lead Producer"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916010.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-viewer-changing-channels-television-set-with-remote-control_482257-92306.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/work-team-digital-art_23-2151492147.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client 5"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Partner With Us"
|
|
description="Ready to start your next animation project? Fill out the form below, and our team will get back to you shortly to discuss your vision and goals."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
{
|
|
name: "company", type: "text", placeholder: "Company / Brand Name", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Describe your project requirements...", rows: 5,
|
|
required: true
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-holding-vinyl-yellow-scene_23-2148184976.jpg"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Submit Request"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AnimStudio"
|
|
copyrightText="© 2025 AnimStudio. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |