Update src/app/page.tsx
This commit is contained in:
266
src/app/page.tsx
266
src/app/page.tsx
@@ -2,23 +2,34 @@
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import { Sparkles, Users, Globe, Zap, Star, Layers, Twitter, Instagram, Linkedin } from "lucide-react";
|
||||
|
||||
// All unique section components
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout"; // from about/page.tsx
|
||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen"; // from page.tsx (Services)
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import { Check, Code, Palette, TrendingUp } from "lucide-react";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen"; // (Our Process)
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo"; // from work/page.tsx (Work)
|
||||
import ContactText from "@/components/sections/contact/ContactText"; // from page.tsx (General contact CTA)
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA"; // from contact/page.tsx (Detailed contact section)
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
|
||||
// All unique Lucide icons
|
||||
import {
|
||||
Sparkles, Users, Globe, Zap, Star, Layers, Twitter, Instagram, Linkedin,
|
||||
Check, Code, Palette, TrendingUp, Phone, Mail, ShoppingCart, ShieldCheck, HardDrive,
|
||||
Briefcase
|
||||
} from "lucide-react";
|
||||
|
||||
export default function WebAgencyThemePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{ name: "Home", id: "#home" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Work", id: "#work" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -38,78 +49,95 @@ export default function WebAgencyThemePage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Web Design Tech360"
|
||||
button={{ text: "Get in Touch", href: "/contact" }}
|
||||
/>
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Award-Winning Agency"
|
||||
tagIcon={Sparkles}
|
||||
title="We Build Digital Experiences"
|
||||
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
|
||||
enableKpiAnimation={true}
|
||||
kpis={[
|
||||
{ value: "150+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project", href: "/contact"
|
||||
},
|
||||
{
|
||||
text: "View Work", href: "/work"
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp", alt: "Team member 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp", alt: "Team member 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp", alt: "Team member 3" }
|
||||
]}
|
||||
avatarText="Trusted by startups and Fortune 500 companies"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp"
|
||||
imageAlt="Web design showcase"
|
||||
mediaAnimation="slide-up"
|
||||
showMarqueeCard={false}
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
]}
|
||||
marqueeClassName="md:mb-5"
|
||||
/>
|
||||
<TextAbout
|
||||
title="We craft digital experiences that captivate audiences and drive meaningful results for ambitious brands worldwide."
|
||||
buttons={[
|
||||
{ text: "Our Process", href: "#process" },
|
||||
{ text: "Meet the Team", href: "#team" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<FeatureCardNineteen
|
||||
title="Our Services"
|
||||
description="A proven methodology that delivers results consistently across every project."
|
||||
tag="What We Do"
|
||||
tagIcon={Layers}
|
||||
features={[
|
||||
{
|
||||
tag: "Service 01", title: "01", subtitle: "Web Development", description: "Your website should be more than functional—it should resonate. We craft bespoke digital experiences that merge innovation with creativity, delivering intuitive, visually stunning platforms that captivate audiences, reflect your brand's essence, and adapt to future opportunities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp", imageAlt: "Web development"},
|
||||
{
|
||||
tag: "Service 02", title: "02", subtitle: "Marketing", description: "Impactful marketing goes beyond visibility—it creates connections. We fuse creativity with analytics to craft adaptive strategies that engage your audience authentically, keeping your brand relevant and resonant while delivering measurable results in an ever-evolving digital world.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process2.webp", imageAlt: "Marketing"},
|
||||
{
|
||||
tag: "Service 03", title: "03", subtitle: "Design", description: "Design is your brand's voice. We craft visuals and layouts that communicate purpose, inspire trust, and connect emotionally. By harmonizing artistry with intent, our designs transform user interactions into meaningful, memorable experiences that align with your identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp", imageAlt: "Design"},
|
||||
{
|
||||
tag: "Service 04", title: "04", subtitle: "Software Development", description: "We build custom software that evolves with your business. By addressing unique challenges, our tailored solutions streamline workflows, eliminate inefficiencies, and foster innovation—empowering you to scale, adapt, and maintain a competitive edge in an ever-changing landscape.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process4.webp", imageAlt: "Software development"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
button={{ text: "Get in Touch", href: "#contact" }}
|
||||
/>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Award-Winning Agency"
|
||||
tagIcon={Sparkles}
|
||||
title="We Build Digital Experiences"
|
||||
description="Transform your brand with cutting-edge web design and development. We craft stunning websites that convert visitors into customers."
|
||||
enableKpiAnimation={true}
|
||||
kpis={[
|
||||
{ value: "150+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project", href: "#contact"
|
||||
},
|
||||
{
|
||||
text: "View Work", href: "#work"
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp", alt: "Team member 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp", alt: "Team member 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp", alt: "Team member 3" }
|
||||
]}
|
||||
avatarText="Trusted by startups and Fortune 500 companies"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp"
|
||||
imageAlt="Web design showcase"
|
||||
mediaAnimation="slide-up"
|
||||
showMarqueeCard={false}
|
||||
marqueeItems={[
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/logo.svg", alt: "Logo" },
|
||||
]}
|
||||
marqueeClassName="md:mb-5"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="About Web Design Tech360"
|
||||
description="Web Design Tech360 is a leading digital agency dedicated to transforming businesses through innovative web design, development, and strategic digital marketing. With over 15 years of experience, we partner with clients worldwide to create impactful online experiences that drive growth and deliver measurable results."
|
||||
tag="Our Story"
|
||||
bulletPoints={[
|
||||
{ title: "Mission", description: "To empower businesses with exceptional digital solutions that enhance their online presence and achieve their strategic objectives.", icon: Globe },
|
||||
{ title: "Vision", description: "To be the go-to partner for transformative web design and digital growth, recognized for creativity, technical excellence, and client success.", icon: Star },
|
||||
{ title: "Values", description: "Innovation, Integrity, Collaboration, Excellence, Client-Centricity.", icon: Users }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/team/team1.webp"
|
||||
imageAlt="Web Design Tech360 Team Collaboration"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNineteen
|
||||
title="Our Services"
|
||||
description="A proven methodology that delivers results consistently across every project."
|
||||
tag="What We Do"
|
||||
tagIcon={Layers}
|
||||
features={[
|
||||
{
|
||||
tag: "Service 01", title: "01", subtitle: "Web Development", description: "Your website should be more than functional—it should resonate. We craft bespoke digital experiences that merge innovation with creativity, delivering intuitive, visually stunning platforms that captivate audiences, reflect your brand's essence, and adapt to future opportunities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process1.webp", imageAlt: "Web development"},
|
||||
{
|
||||
tag: "Service 02", title: "02", subtitle: "Marketing", description: "Impactful marketing goes beyond visibility—it creates connections. We fuse creativity with analytics to craft adaptive strategies that engage your audience authentically, keeping your brand relevant and resonant while delivering measurable results in an ever-evolving digital world.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process2.webp", imageAlt: "Marketing"},
|
||||
{
|
||||
tag: "Service 03", title: "03", subtitle: "Design", description: "Design is your brand's voice. We craft visuals and layouts that communicate purpose, inspire trust, and connect emotionally. By harmonizing artistry with intent, our designs transform user interactions into meaningful, memorable experiences that align with your identity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process3.webp", imageAlt: "Design"},
|
||||
{
|
||||
tag: "Service 04", title: "04", subtitle: "Software Development", description: "We build custom software that evolves with your business. By addressing unique challenges, our tailored solutions streamline workflows, eliminate inefficiencies, and foster innovation—empowering you to scale, adapt, and maintain a competitive edge in an ever-changing landscape.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/process/process4.webp", imageAlt: "Software development"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MetricCardOne
|
||||
title="Results That Speak"
|
||||
description="Our track record of delivering exceptional digital solutions for clients across industries."
|
||||
@@ -125,6 +153,7 @@ export default function WebAgencyThemePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<TestimonialCardFive
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the brands we've helped transform through innovative digital solutions."
|
||||
@@ -143,6 +172,7 @@ export default function WebAgencyThemePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<FeatureCardTen
|
||||
tag="How We Work"
|
||||
tagIcon={Layers}
|
||||
@@ -181,15 +211,71 @@ export default function WebAgencyThemePage() {
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactText
|
||||
text="Ready to transform your digital presence? Let's create something extraordinary together."
|
||||
buttons={[
|
||||
{ text: "Start a Project", href: "/contact" },
|
||||
{ text: "Schedule a Call", href: "#call" },
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardTwo
|
||||
title="Our Web Design & Development Portfolio"
|
||||
description="Explore our recent projects that showcase our expertise in creating impactful digital experiences across various industries."
|
||||
tag="Our Work"
|
||||
tagIcon={Briefcase}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
uniformGridCustomHeightClasses="min-h-[300px] lg:min-h-[400px]"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Innovate Solutions", brand: "Client Project", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero1.webp", imageAlt: "Modern Business Website"
|
||||
},
|
||||
{
|
||||
id: "2", name: "ShopSphere", brand: "Client Project", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero2.webp?_wi=1", imageAlt: "E-commerce Platform Redesign"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Global Connect", brand: "Client Project", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero3.webp?_wi=1", imageAlt: "Corporate WordPress Site"
|
||||
},
|
||||
{
|
||||
id: "4", name: "LaunchPad", brand: "Client Project", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero4.webp?_wi=1", imageAlt: "Startup Landing Page"
|
||||
},
|
||||
{
|
||||
id: "5", name: "DataDash App", brand: "Client Project", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/hero/hero5.webp", imageAlt: "Custom Web Application"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Creative Canvas", brand: "Client Project", price: "", rating: 5,
|
||||
reviewCount: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/services/how2.webp", imageAlt: "Portfolio Site for Artist"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to transform your digital presence? Let's create something extraordinary together."
|
||||
buttons= {[
|
||||
{ text: "Start a Project", href: "#contact" },
|
||||
{ text: "Schedule a Call", href: "#contact" },
|
||||
]}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Contact Us"
|
||||
tagIcon={Mail}
|
||||
title="Get in Touch with Web Design Tech360"
|
||||
description="Reach out to us via email or phone for inquiries, project discussions, or support."
|
||||
buttons={[
|
||||
{ text: "Email Us", href: "mailto:info@webdesigntech360.com" },
|
||||
{ text: "Call Us", href: "tel:+919672864324" }
|
||||
]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterCard
|
||||
logoText="Web Design Tech360"
|
||||
copyrightText="© 2025 Web Design Tech360. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user