Merge version_4 into main #3
226
src/app/page.tsx
226
src/app/page.tsx
@@ -3,16 +3,16 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardFive";
|
||||
import FaqBase from "@/components/sections/faq/FaqBase";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import HeroSplitDoubleCarousel from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
||||
import FeatureBento from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import FeatureCardTwentySix from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardThree";
|
||||
import TeamCardFive from "@/components/sections/team/TeamCardTen";
|
||||
import FaqBase from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCTA from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBase from "@/components/sections/footer/FooterSimple";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardOne";
|
||||
import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
|
||||
|
||||
export default function WebAgency2Page() {
|
||||
@@ -40,130 +40,94 @@ export default function WebAgency2Page() {
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Architecting Your Digital Success"
|
||||
description="Enterprise-grade web solutions designed for high performance, security, and scalability. C.A.C WEB BUILDER transforms your vision into a robust digital reality."
|
||||
tag="Reliable Professional Solutions"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
buttons={[
|
||||
{ text: "Start Project", href: "/contact" },
|
||||
{ text: "View Portfolio", href: "#work" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Enterprise SaaS Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Custom Finance Portal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294555.jpg", imageAlt: "E-commerce Infrastructure" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-specialists-using-mockup-copy-space-office_482257-124454.jpg", imageAlt: "Corporate Landing Page" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", imageAlt: "Data Visualization UI" },
|
||||
]}
|
||||
carouselItemClassName="!aspect-[4/5]"
|
||||
/>
|
||||
<FeatureBento
|
||||
title="Core Capabilities"
|
||||
description="We focus on technical excellence to ensure your business stays ahead of the competition."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
buttons={[{ text: "Explore All", href: "#services" }]}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Infrastructure", description: "Robust security protocols designed for enterprise requirements.", bentoComponent: "reveal-icon", icon: Lock,
|
||||
},
|
||||
{
|
||||
title: "Scalable Architecture", description: "Future-proof your business with our modular, high-load code.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/book-pc-tablet-low-poly-wireframe-online-education-blue-background-concept-with-opened-book-digital-illustration-online-reading-courses-abstract-polygonal-image-notebook-pc_493343-29977.jpg", imageAlt: "System Architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/cloud-warehouse-data-copy-storage-server-room-connection-with-cloud_39422-568.jpg", imageAlt: "Cloud Scaling" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tuz74h", imageAlt: "Database Design" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Conversion Focus", description: "UI/UX optimized for maximum engagement and lead generation.", bentoComponent: "marquee", centerIcon: TrendingUp,
|
||||
variant: "text", texts: ["Conversion", "Performance", "User Retention", "Scalability", "Automation", "Insight"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<FeatureCardTwentySix
|
||||
title="Proven Track Record"
|
||||
description="Our portfolio demonstrates our commitment to precision, design, and technical mastery."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View Full Portfolio", href: "#work" }]}
|
||||
cardClassName="!h-auto aspect-video"
|
||||
features={[
|
||||
{
|
||||
title: "Financial Portal", description: "Secure transaction management platform.", imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg", imageAlt: "Financial Portal", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
{
|
||||
title: "B2B SaaS Hub", description: "Streamlined workflow optimization tools.", imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", imageAlt: "B2B SaaS Hub", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
{
|
||||
title: "Corporate Identity", description: "Modernized brand digital presence.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-colleagues-standing-table-looking-design-projects_1098-20475.jpg", imageAlt: "Corporate Identity", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
{
|
||||
title: "Analytics Dashboard", description: "Real-time data reporting interface.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-with-annual-evolution_1098-3503.jpg", imageAlt: "Analytics Dashboard", buttonIcon: ArrowUpRight,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardFifteen
|
||||
testimonial="C.A.C WEB BUILDER is our trusted technical partner. Their attention to detail and ability to deliver complex projects on time has been unmatched in the industry."
|
||||
rating={5}
|
||||
author="— Jonathan Hayes, COO at Nexus Group"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg", alt: "Jonathan Hayes" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<MetricCardOne
|
||||
title="Data-Driven Results"
|
||||
description="We measure our success by the growth of your business."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "p1", value: "99.9%", title: "Uptime", description: "High availability infrastructure", icon: Shield },
|
||||
{ id: "p2", value: "2x", title: "Speed Boost", description: "Average performance improvement", icon: Zap },
|
||||
{ id: "p3", value: "40%", title: "Conversion", description: "Average increase in user actions", icon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
<FaqBase
|
||||
title="Technical FAQs"
|
||||
description="Clarifying our approach to professional web development."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you ensure project security?", content: "We implement industry-standard security protocols, perform regular code audits, and utilize encrypted environments for all deployments." },
|
||||
{ id: "f2", title: "Do you provide ongoing maintenance?", content: "Yes, we offer comprehensive Service Level Agreements (SLAs) for continuous monitoring, security updates, and performance tuning." },
|
||||
{ id: "f3", title: "Can you handle large-scale web apps?", content: "Absolutely. We specialize in building scalable architectures using React, Next.js, and serverless technologies capable of handling massive traffic." },
|
||||
]}
|
||||
/>
|
||||
<ContactCTA
|
||||
tag="Let's Connect"
|
||||
title="Ready to Build Your Next Project?"
|
||||
description="Contact C.A.C WEB BUILDER for a professional assessment of your digital infrastructure needs. Reach us directly at 817-937-0324."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "/contact" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
logoText="C.A.C WEB BUILDER"
|
||||
description="Enterprise-grade web solutions designed for high performance, security, and scalability. C.A.C WEB BUILDER transforms your vision into a robust digital reality."
|
||||
buttons={[
|
||||
{ text: "Start Project", href: "/contact" },
|
||||
{ text: "View Portfolio", href: "#work" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Enterprise SaaS Dashboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-using-tablet-with-touch-screen-analyze-building-model-architectural-development-man-engineer-working-with-device-construction-layout-design_482257-39970.jpg", imageAlt: "Custom Finance Portal" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294555.jpg", imageAlt: "E-commerce Infrastructure" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services">
|
||||
<FeatureBento
|
||||
title="Core Capabilities"
|
||||
description="We focus on technical excellence to ensure your business stays ahead of the competition."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Secure Infrastructure", description: "Robust security protocols designed for enterprise requirements.", icon: Lock },
|
||||
{ title: "Scalable Architecture", description: "Future-proof your business with our modular, high-load code.", icon: Puzzle },
|
||||
{ title: "Conversion Focus", description: "UI/UX optimized for maximum engagement and lead generation.", icon: TrendingUp },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="work">
|
||||
<TestimonialCardFifteen
|
||||
title="Proven Track Record"
|
||||
description="Our portfolio demonstrates our commitment to precision, design, and technical mastery."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Financial Portal", role: "Secure", company: "FinTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461311.jpg" },
|
||||
{ id: "2", name: "B2B SaaS Hub", role: "Workflow", company: "SaaS", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about">
|
||||
<TeamCardFive
|
||||
title="Our Team"
|
||||
tag="Experts"
|
||||
memberVariant="card"
|
||||
members={[
|
||||
{ id: "m1", name: "Engineering Lead" },
|
||||
{ id: "m2", name: "Design Specialist" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics">
|
||||
<MetricCardOne
|
||||
title="Data-Driven Results"
|
||||
description="We measure our success by the growth of your business."
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "p1", title: "Uptime", value: "99.9%", icon: Shield },
|
||||
{ id: "p2", title: "Speed Boost", value: "2x", icon: Zap },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq">
|
||||
<FaqBase
|
||||
title="Technical FAQs"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you ensure project security?", content: "We implement industry-standard security protocols." },
|
||||
{ id: "f2", title: "Can you handle large-scale apps?", content: "Yes, we specialize in high-traffic architectures." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact">
|
||||
<ContactCTA
|
||||
title="Ready to Build?"
|
||||
description="Contact us for a professional assessment."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name" }, { name: "email", type: "email", placeholder: "Your Email" }]}
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
logoText="C.A.C WEB BUILDER"
|
||||
copyrightText="© 2026 C.A.C WEB BUILDER. All rights reserved."
|
||||
columns={[
|
||||
{ title: "Solutions", items: [{ label: "Engineering", href: "#" }, { label: "Design", href: "#" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Work", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Resources", items: [{ label: "Blog", href: "#" }, { label: "Help Center", href: "#" }, { label: "Contact (817-937-0324)", href: "/contact" }] },
|
||||
{ title: "Solutions", items: [{ label: "Engineering", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="C.A.C WEB BUILDER"
|
||||
bottomRightText="© 2026"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user