Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="StudioVerra"
|
||||
/>
|
||||
@@ -56,63 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Digital Excellence for Luxury Projects"
|
||||
description="StudioVerra delivers premium web development and high-converting meta advertising for ambitious, luxury-oriented brands."
|
||||
tag="Elevate Your Brand"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg",
|
||||
alt: "Luxury partner 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-54998.jpg", alt: "Luxury partner 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
alt: "Luxury partner 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg", alt: "Luxury partner 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg",
|
||||
alt: "Luxury partner 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg", alt: "Luxury partner 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
alt: "Luxury partner 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg", alt: "Luxury partner 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26380.jpg",
|
||||
alt: "Luxury partner 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26380.jpg", alt: "Luxury partner 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ elite brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Luxury Branding",
|
||||
},
|
||||
type: "text", text: "Ultra-Luxury Branding"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Conversion Ads",
|
||||
},
|
||||
type: "text", text: "High-Conversion Ads"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Web Presence",
|
||||
},
|
||||
type: "text", text: "Premium Web Presence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-Driven Strategy",
|
||||
},
|
||||
type: "text", text: "Data-Driven Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusivity Guaranteed",
|
||||
},
|
||||
type: "text", text: "Exclusivity Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,7 +94,7 @@ export default function LandingPage() {
|
||||
description="We specialize in the intersection of aesthetics and data. Our luxury digital marketing services are tailored for clients who value exclusivity, precision, and performance."
|
||||
subdescription="Every project is a partnership built to define the future of your digital identity."
|
||||
icon={Diamond}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-looking-woman-holding-mobile-phone-sitting-caf_23-2147876639.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-looking-woman-holding-mobile-phone-sitting-caf_23-2147876639.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -137,52 +106,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Web Development",
|
||||
description: "Bespoke websites that act as digital flagships, optimized for conversion and luxury presentation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg",
|
||||
},
|
||||
title: "Premium Web Development", description: "Bespoke websites that act as digital flagships, optimized for conversion and luxury presentation.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913296.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "Custom responsive design",
|
||||
},
|
||||
text: "Custom responsive design"},
|
||||
{
|
||||
icon: Code2,
|
||||
text: "Performance optimization",
|
||||
},
|
||||
text: "Performance optimization"},
|
||||
{
|
||||
icon: Layers,
|
||||
text: "Seamless user journeys",
|
||||
},
|
||||
text: "Seamless user journeys"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=2",
|
||||
imageAlt: "modern website design mockup",
|
||||
},
|
||||
{
|
||||
title: "Meta Performance Ads",
|
||||
description: "Data-driven targeting for luxury audiences on Facebook and Instagram.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paper-geometrical-shapes_23-2148547752.jpg",
|
||||
},
|
||||
title: "Meta Performance Ads", description: "Data-driven targeting for luxury audiences on Facebook and Instagram.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-paper-geometrical-shapes_23-2148547752.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "High ROI campaigns",
|
||||
},
|
||||
text: "High ROI campaigns"},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Precise affluent targeting",
|
||||
},
|
||||
text: "Precise affluent targeting"},
|
||||
{
|
||||
icon: PieChart,
|
||||
text: "Full-funnel analytics",
|
||||
},
|
||||
text: "Full-funnel analytics"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-woman-holding-mobile-phone-sitting-caf_23-2147876639.jpg?_wi=2",
|
||||
imageAlt: "modern website design mockup",
|
||||
},
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
@@ -197,23 +150,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Award,
|
||||
title: "Successful Launches",
|
||||
value: "150+",
|
||||
},
|
||||
id: "1", icon: Award,
|
||||
title: "Successful Launches", value: "150+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Zap,
|
||||
title: "Campaign Growth",
|
||||
value: "300%",
|
||||
},
|
||||
id: "2", icon: Zap,
|
||||
title: "Campaign Growth", value: "300%"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Users,
|
||||
title: "Luxury Clients",
|
||||
value: "50+",
|
||||
},
|
||||
id: "3", icon: Users,
|
||||
title: "Luxury Clients", value: "50+"},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="The results behind our premium craftsmanship."
|
||||
@@ -225,14 +169,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"LuxeDecor",
|
||||
"AeroJet",
|
||||
"VogueHome",
|
||||
"HorizonRealEstate",
|
||||
"PrimeGold",
|
||||
"EliteStyle",
|
||||
"UrbanEstate",
|
||||
]}
|
||||
"LuxeDecor", "AeroJet", "VogueHome", "HorizonRealEstate", "PrimeGold", "EliteStyle", "UrbanEstate"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Selected partners and prestige brands we have collaborated with."
|
||||
/>
|
||||
@@ -245,45 +182,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julian Thorne",
|
||||
handle: "@jthorne",
|
||||
testimonial: "StudioVerra transformed our digital presence into a luxury asset.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-42686.jpg",
|
||||
},
|
||||
id: "1", name: "Julian Thorne", handle: "@jthorne", testimonial: "StudioVerra transformed our digital presence into a luxury asset.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-42686.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Clara Bennett",
|
||||
handle: "@cbennett",
|
||||
testimonial: "Exceptional service, beyond expectations. Truly premium work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-standing-with-crossed-arms-isolated-dark-textured-background_613910-18164.jpg",
|
||||
},
|
||||
id: "2", name: "Clara Bennett", handle: "@cbennett", testimonial: "Exceptional service, beyond expectations. Truly premium work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-standing-with-crossed-arms-isolated-dark-textured-background_613910-18164.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Aurelius",
|
||||
handle: "@maurelius",
|
||||
testimonial: "The ROI on their meta ad strategy is unparalleled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Aurelius", handle: "@maurelius", testimonial: "The ROI on their meta ad strategy is unparalleled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
handle: "@erossi",
|
||||
testimonial: "Seamless execution and incredible attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
},
|
||||
id: "4", name: "Elena Rossi", handle: "@erossi", testimonial: "Seamless execution and incredible attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "Our website conversion has doubled since the redesign.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Our website conversion has doubled since the redesign.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-16435.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
@@ -296,20 +208,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you work with startups?",
|
||||
content: "We focus on luxury and premium projects that require tailored, high-end digital solutions.",
|
||||
},
|
||||
id: "f1", title: "Do you work with startups?", content: "We focus on luxury and premium projects that require tailored, high-end digital solutions."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is a web project?",
|
||||
content: "Average timelines range from 8 to 12 weeks, depending on complexity and customization.",
|
||||
},
|
||||
id: "f2", title: "How long is a web project?", content: "Average timelines range from 8 to 12 weeks, depending on complexity and customization."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What makes your ads different?",
|
||||
content: "We combine audience data with creative storytelling specifically calibrated for luxury purchase cycles.",
|
||||
},
|
||||
id: "f3", title: "What makes your ads different?", content: "We combine audience data with creative storytelling specifically calibrated for luxury purchase cycles."},
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -320,16 +223,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Luxury Journey"
|
||||
description="Ready to redefine your digital presence? We're ready to partner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire Today",
|
||||
href: "mailto:hello@studioverra.com",
|
||||
},
|
||||
text: "Inquire Today", href: "mailto:hello@studioverra.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -340,29 +240,19 @@ export default function LandingPage() {
|
||||
logoText="StudioVerra"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
title: "Agency", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user