Update src/app/page.tsx

This commit is contained in:
2025-12-22 11:20:04 +00:00
parent 40af084a43
commit 0732d4a455

View File

@@ -1,8 +1,7 @@
"use client" "use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered'; import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve'; import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
@@ -45,51 +44,15 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero" style={{ backgroundColor: "#FFFF00" }}>
<HeroBillboardRotatedCarousel <div style={{ display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", padding: "60px 20px", gap: "30px" }}>
title="Scale Your Business with Intelligent Automation" <h1 style={{ fontSize: "32px", fontWeight: "bold", textAlign: "center", color: "#000000" }}>Scale Your Business with Intelligent Automation</h1>
description="Empower your team with cutting-edge SaaS solutions designed for modern IT startups. Streamline workflows, boost productivity, and accelerate growth." <img
tag="Innovation First" src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402146656-ngknkdsj.jpg"
tagIcon={Zap} alt="Product showcase"
buttons={[ style={{ maxWidth: "300px", height: "auto", borderRadius: "8px" }}
{ text: "Start Free Trial", href: "contact" }, />
{ text: "Watch Demo", href: "#" } </div>
]}
carouselItems={[
{
id: "1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402146656-ngknkdsj.jpg",
imageAlt: "Cloud dashboard interface"
},
{
id: "2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402147527-aqsywtjn.jpg",
imageAlt: "Cloud computing technology"
},
{
id: "3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402148611-r6qkom2b.jpg",
imageAlt: "Analytics dashboard metrics"
},
{
id: "4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402149620-5q5thc7p.jpg",
imageAlt: "API integration interface"
},
{
id: "5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402150560-zlaawpt1.jpg",
imageAlt: "Mobile app interface"
},
{
id: "6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766402152494-q2wgpcxp.jpg",
imageAlt: "Workflow automation system"
}
]}
autoPlay={true}
autoPlayInterval={4000}
/>
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">