Update src/app/page.tsx
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user