Update src/app/page.tsx
This commit is contained in:
@@ -15,8 +15,8 @@ import { Sparkles, Compass, Zap, TrendingUp, CheckCircle, Heart, Star, Rocket, L
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="none"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
@@ -52,18 +52,18 @@ export default function LandingPage() {
|
||||
{ value: "45%", label: "Avg Conversion Increase" },
|
||||
{ value: "98%", label: "Client Satisfaction" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
enableKpiAnimation={false}
|
||||
tag="Premium Web Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{ text: "Explore Our Work", href: "#testimonials" },
|
||||
{ text: "Schedule Consultation", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="none"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/modern-web-design-studio-workspace-with--1772583051827-9cd795bb.png"
|
||||
imageAlt="Vaquer design studio workspace"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="none"
|
||||
imagePosition="right"
|
||||
/>
|
||||
</div>
|
||||
@@ -72,7 +72,7 @@ export default function LandingPage() {
|
||||
<MetricSplitMediaAbout
|
||||
tag="Our Approach"
|
||||
tagIcon={Compass}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="none"
|
||||
title="Design Thinking Meets Strategic Marketing"
|
||||
description="At Vaquer, we believe exceptional design is more than aesthetics—it's a strategic tool that solves real business problems. We combine deep market research, user-centered design principles, and data-driven marketing to create digital experiences that engage audiences and drive conversions. Our multidisciplinary team brings together designers, strategists, and marketers to deliver cohesive solutions."
|
||||
metrics={[
|
||||
@@ -82,8 +82,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/brand-strategy-and-design-process-visual-1772583052470-84c04b67.png"
|
||||
imageAlt="Vaquer brand strategy and design process"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
mediaAnimation="none"
|
||||
metricsAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,7 +93,7 @@ export default function LandingPage() {
|
||||
description="End-to-end digital solutions tailored to elevate your brand and drive measurable business results."
|
||||
tag="What We Offer"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="none"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Web Design & Development", content: "Custom websites and applications built with modern technologies. We design pixel-perfect interfaces and develop robust solutions optimized for performance, accessibility, and conversion. From responsive design to complex web applications, we deliver digital experiences that stand out."
|
||||
@@ -113,13 +113,13 @@ export default function LandingPage() {
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/beautiful-web-design-showcase-displaying-1772583051801-0097b6e0.png?_wi=1"
|
||||
imageAlt="Web design and development showcase"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -129,14 +129,14 @@ export default function LandingPage() {
|
||||
description="Measurable results that prove our commitment to your success"
|
||||
tag="Performance Metrics"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="none"
|
||||
metrics={[
|
||||
{ id: "1", value: "250", title: "Projects Completed", description: "From startups to Fortune 500 companies", icon: CheckCircle },
|
||||
{ id: "2", value: "45", title: "Percent Average Growth", description: "In client conversions within first year", icon: TrendingUp },
|
||||
{ id: "3", value: "98", title: "Percent Client Retention", description: "Long-term partnerships and repeat work", icon: Heart }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -153,7 +153,7 @@ export default function LandingPage() {
|
||||
cardTitle="Over 250 brands trust Vaquer to elevate their digital presence and drive measurable business growth"
|
||||
cardTag="Client Success Stories"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="slide-up"
|
||||
cardAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,7 +164,7 @@ export default function LandingPage() {
|
||||
description="Comprehensive solutions tailored to your unique business needs"
|
||||
tag="Service Offerings"
|
||||
tagIcon={Layers}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="none"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Brand Identity Design", price: "Starting at $5,000", variant: "Logo + Guidelines + Collateral", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ASPS910MRVzAcc6d6ZwFvDWISF/brand-identity-development-showcase-with-1772583051693-9b5d6911.png", imageAlt: "Brand identity design services"
|
||||
@@ -177,13 +177,13 @@ export default function LandingPage() {
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
animationType="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "View All Services", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -191,14 +191,14 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
tag="Ready to Transform Your Brand?"
|
||||
tagIcon={Rocket}
|
||||
tagAnimation="slide-up"
|
||||
tagAnimation="none"
|
||||
title="Let's Create Something Remarkable Together"
|
||||
description="Partner with Vaquer to develop a digital strategy that drives growth. Whether you're launching a new product, redesigning your brand, or scaling your marketing efforts, our team is ready to deliver exceptional results."
|
||||
buttons={[
|
||||
{ text: "Schedule Discovery Call", href: "mailto:hello@vaquer.com" },
|
||||
{ text: "View Case Studies", href: "#testimonials" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
buttonAnimation="none"
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user