Add src/app/branding/page.tsx
This commit is contained in:
143
src/app/branding/page.tsx
Normal file
143
src/app/branding/page.tsx
Normal file
@@ -0,0 +1,143 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles, Zap } from 'lucide-react';
|
||||
|
||||
export default function BrandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "AI Automation", id: "/ai-automation" },
|
||||
{ name: "AI Marketing", id: "/ai-marketing" },
|
||||
{ name: "Website Design", id: "/website-design" },
|
||||
{ name: "Branding", id: "/branding" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Vero AI"
|
||||
bottomLeftText="Vero Marketing AI"
|
||||
bottomRightText="veroai@veroaimarketing.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Strategic Branding & Creative Direction"
|
||||
description="Build a premium brand that stands out and commands attention. From logo design to complete visual identity, we create brands that resonate with your ideal customers."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Brand Strategy"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Start Your Brand", href: "/contact" },
|
||||
{ text: "See Examples", href: "/services" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png"
|
||||
imageAlt="Branding & Design Showcase"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<MetricCardEleven
|
||||
title="Our Branding Services"
|
||||
description="Complete brand development from strategy to implementation."
|
||||
tag="Creative Solutions"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "Strategy", title: "Brand Positioning", description: "Define your unique value proposition and market positioning", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png", imageAlt: "Brand Strategy"
|
||||
},
|
||||
{
|
||||
id: "2", value: "Design", title: "Logo & Visual Identity", description: "Custom logo design and comprehensive brand guidelines", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png", imageAlt: "Logo Design"
|
||||
},
|
||||
{
|
||||
id: "3", value: "Color", title: "Color Palette & Typography", description: "Strategic color psychology and typography selections", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png", imageAlt: "Design System"
|
||||
},
|
||||
{
|
||||
id: "4", value: "Creative", title: "Marketing Collateral", description: "Business cards, letterhead, presentation templates and more", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png", imageAlt: "Collateral"
|
||||
},
|
||||
{
|
||||
id: "5", value: "Premium", title: "Brand Guidelines", description: "Complete documentation for consistent brand application", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png", imageAlt: "Guidelines"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Brand?"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Build Your Premium Brand Today"
|
||||
description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your branding vision and get started on creating a brand that stands out."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Schedule Consultation"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Vero AI"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "AI Automation", href: "/ai-automation" },
|
||||
{ label: "AI Marketing", href: "/ai-marketing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Website Design", href: "/website-design" },
|
||||
{ label: "Branding", href: "/branding" },
|
||||
{ label: "About", href: "/about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Email", href: "mailto:veroai@veroaimarketing.com" },
|
||||
{ label: "Phone", href: "tel:5164021199" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Vero AI Marketing. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user