Merge version_1 into main #1
195
src/app/page.tsx
195
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vortex"
|
||||
/>
|
||||
@@ -59,14 +47,8 @@ export default function LandingPage() {
|
||||
logoText="Vortex Agency"
|
||||
description="Architecting the digital future. We transform ambitious brands into industry-defining icons through 3D storytelling and precision marketing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Explore Services", href: "#features" },
|
||||
{ text: "Get a Quote", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080750.jpg"
|
||||
@@ -79,12 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Who We Are"
|
||||
description="We are a boutique studio of developers, strategists, and artists. We don't just build websites; we create immersive brand experiences that leave a lasting impact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-employee-wearing-formal-suit-having-fun-startup-office_482257-77721.jpg"
|
||||
imageAlt="Team brainstorming"
|
||||
/>
|
||||
@@ -93,41 +70,21 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Digital Strategy",
|
||||
author: "Strategy Team",
|
||||
description: "Holistic roadmaps for maximum market presence and conversion.",
|
||||
tags: [
|
||||
"Strategy",
|
||||
"Marketing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749324.jpg",
|
||||
id: "f1", title: "Digital Strategy", author: "Strategy Team", description: "Holistic roadmaps for maximum market presence and conversion.", tags: ["Strategy", "Marketing"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/communication-social-media-icons_23-2150749324.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Web Development",
|
||||
author: "Tech Lab",
|
||||
description: "Custom coded, high-performance websites built for speed and impact.",
|
||||
tags: [
|
||||
"Dev",
|
||||
"UX",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg",
|
||||
id: "f2", title: "Web Development", author: "Tech Lab", description: "Custom coded, high-performance websites built for speed and impact.", tags: ["Dev", "UX"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Visual Design",
|
||||
author: "Creative Lab",
|
||||
description: "Pixel-perfect 3D design that makes your brand stand out from the noise.",
|
||||
tags: [
|
||||
"Design",
|
||||
"3D",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promotion-product-strategy-marketing-concept_53876-133988.jpg",
|
||||
},
|
||||
id: "f3", title: "Visual Design", author: "Creative Lab", description: "Pixel-perfect 3D design that makes your brand stand out from the noise.", tags: ["Design", "3D"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/promotion-product-strategy-marketing-concept_53876-133988.jpg"
|
||||
}
|
||||
]}
|
||||
title="Our Expertise"
|
||||
description="Innovative services designed to elevate your brand to the next level of digital evolution."
|
||||
@@ -140,24 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Successful Campaigns",
|
||||
value: "150+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Growth Delivered",
|
||||
value: "200%",
|
||||
icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Award Wins",
|
||||
value: "45",
|
||||
icon: Award,
|
||||
},
|
||||
{ id: "m1", title: "Successful Campaigns", value: "150+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Growth Delivered", value: "200%", icon: TrendingUp },
|
||||
{ id: "m3", title: "Award Wins", value: "45", icon: Award }
|
||||
]}
|
||||
title="Proven Results"
|
||||
description="Numbers tell the story of our commitment to excellence."
|
||||
@@ -171,26 +113,10 @@ export default function LandingPage() {
|
||||
tag="Our Leaders"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Alex Rivers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "David Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm4",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-young-stylish-smiling-man-co-working-office-startup-freelancer-holding-using-tablet_285396-1777.jpg",
|
||||
},
|
||||
{ id: "tm1", name: "Alex Rivers", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-businessman_23-2148746289.jpg" },
|
||||
{ id: "tm2", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg" },
|
||||
{ id: "tm3", name: "David Miller", imageSrc: "http://img.b2bpic.net/free-photo/serious-focused-freelancer-using-laptop_1262-18611.jpg" },
|
||||
{ id: "tm4", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-stylish-smiling-man-co-working-office-startup-freelancer-holding-using-tablet_285396-1777.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -202,46 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark J.",
|
||||
handle: "@markj",
|
||||
testimonial: "Vortex delivered incredible results. Their 3D design work is world-class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lisa K.",
|
||||
handle: "@lisak",
|
||||
testimonial: "Strategic thinking and top-tier execution. Highly recommended agency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
handle: "@robby",
|
||||
testimonial: "The best design partner we have ever collaborated with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah P.",
|
||||
handle: "@speter",
|
||||
testimonial: "Exceptional communication and high-impact visual design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15188.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "James L.",
|
||||
handle: "@jlue",
|
||||
testimonial: "Transformed our digital identity in just one month.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
|
||||
},
|
||||
{ id: "1", name: "Mark J.", handle: "@markj", testimonial: "Vortex delivered incredible results. Their 3D design work is world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg" },
|
||||
{ id: "2", name: "Lisa K.", handle: "@lisak", testimonial: "Strategic thinking and top-tier execution. Highly recommended agency.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-business-woman-with-executive-job-working-with-management-marketing-statistics-computer-office-worker-analyzing-research-charts-data-reports_482257-41126.jpg" },
|
||||
{ id: "3", name: "Robert B.", handle: "@robby", testimonial: "The best design partner we have ever collaborated with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-strict-young-handsome-caucasian-man-wearing-glasses-standing-profile-view-isolated-crimson-wall_141793-79811.jpg" },
|
||||
{ id: "4", name: "Sarah P.", handle: "@speter", testimonial: "Exceptional communication and high-impact visual design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-relaxed-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder_74855-15188.jpg" },
|
||||
{ id: "5", name: "James L.", handle: "@jlue", testimonial: "Transformed our digital identity in just one month.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Success"
|
||||
@@ -253,15 +144,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AlphaTech",
|
||||
"BetaLabs",
|
||||
"GammaInc",
|
||||
"DeltaCorp",
|
||||
"Epsilon",
|
||||
"ZetaStudios",
|
||||
"ThetaNet",
|
||||
]}
|
||||
names={["AlphaTech", "BetaLabs", "GammaInc", "DeltaCorp", "Epsilon", "ZetaStudios", "ThetaNet"]}
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Companies that scale with our help."
|
||||
/>
|
||||
@@ -272,21 +155,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Just schedule a call via our contact form.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Depends on scope, typically 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer maintenance?",
|
||||
content: "Yes, we offer ongoing support packages.",
|
||||
},
|
||||
{ id: "q1", title: "How do we start?", content: "Just schedule a call via our contact form." },
|
||||
{ id: "q2", title: "What is the timeline?", content: "Depends on scope, typically 4-8 weeks." },
|
||||
{ id: "q3", title: "Do you offer maintenance?", content: "Yes, we offer ongoing support packages." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3920.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -299,9 +170,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Contact"
|
||||
title="Let's Build Together"
|
||||
description="Ready to launch your project? Let's discuss your vision today."
|
||||
|
||||
Reference in New Issue
Block a user