Add src/app/consultation/page.tsx

This commit is contained in:
2026-03-23 15:47:58 +00:00
parent 890b412ec2
commit 78ff4fc31f

View File

@@ -0,0 +1,136 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TextBox from "@/components/Textbox";
import { ClipboardList, Brain, Target, Calendar } from "lucide-react";
export default function ConsultationPage() {
const navItems = [
{ name: "Home", id: "home", href: "/" },
{ name: "Services", id: "services", href: "/#services" },
{ name: "Portfolio", id: "portfolio", href: "/#portfolio" },
{ name: "Testimonials", id: "testimonials", href: "/#testimonials" },
{ name: "Contact", id: "contact", href: "/#contact" },
{ name: "Consultation", href: "/consultation" }
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient"
cardStyle="layered-gradient"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={navItems}
brandName="Vertex Digital"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Book Your Consultation Today"
description="Unlock your potential with our tailored strategies for success. Schedule a free discovery call to outline your path to digital excellence."
background={{ variant: "sparkles-gradient" }}
tag="Strategic Partnership"
buttons={[
{
text: "Schedule a Call", href: "https://calendly.com/yourcompany/consultation"},
]}
mediaItems={[
{
type: "image", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLiVwn3hCu2CTKdfreiAnFI1la/an-abstract-futuristic-digital-backgroun-1774275045926-cf3e365c.png", imageAlt: "Abstract futuristic digital background"
},
{
type: "image", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BLiVwn3hCu2CTKdfreiAnFI1la/futuristic-digital-brain-with-glowing-ne-1774275050013-64a6136e.png", imageAlt: "Futuristic digital brain"
}
]}
rating={5}
ratingText="Highly Rated"
useInvertedBackground={false}
/>
</div>
<div id="value" data-section="value">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="What We Offer"
description="Our specialized services are designed to address your unique challenges and drive measurable growth."
features={[
{
icon: ClipboardList,
title: "Discipline Audit", description: "Comprehensive review of your current digital operations to identify strengths and areas for improvement."},
{
icon: Brain,
title: "AI-Driven Study System", description: "Leverage advanced AI insights to optimize your strategies and predict market trends effectively."},
{
icon: Target,
title: "Focus Optimization", description: "Streamline your objectives and resources to maximize impact and accelerate project completion."},
{
icon: Calendar,
title: "Daily Execution Plan", description: "Receive a clear, actionable roadmap for daily tasks, ensuring consistent progress towards your goals."},
]}
/>
</div>
<div id="authority" data-section="authority">
<TextBox
title="Empowering Your Future Through Strategic Innovation"
description="We provide bespoke solutions designed to elevate your brand, optimize performance, and achieve unparalleled digital excellence. Partner with us to transform your vision into reality."
textboxLayout="default"
center={true}
tag="Our Vision"
className="py-16"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Services", items: [
{ label: "Web Development", href: "/#services" },
{ label: "Branding", href: "/#services" },
{ label: "UI/UX Design", href: "/#services" },
{ label: "Digital Growth", href: "/#services" },
],
},
{
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "Portfolio", href: "/#portfolio" },
{ label: "Testimonials", href: "/#testimonials" },
{ label: "Contact", href: "/#contact" },
{ label: "Consultation", href: "/consultation" }
],
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}
bottomLeftText="© 2024 Vertex Digital. All rights reserved."
bottomRightText="Powered by Innovation"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}