Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Work", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vertex Creative"
|
||||
/>
|
||||
@@ -55,104 +47,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Digital Experiences."
|
||||
description="We are a full-service web design agency dedicated to building high-performance digital products for modern brands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@alex",
|
||||
testimonial: "Vertex transformed our vision into a digital masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg?_wi=1",
|
||||
imageAlt: "modern creative design agency studio",
|
||||
},
|
||||
name: "Alex Rivet", handle: "@alex", testimonial: "Vertex transformed our vision into a digital masterpiece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg", imageAlt: "modern creative design agency studio"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen",
|
||||
testimonial: "The best creative partners we've ever worked with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_329181-13532.jpg?_wi=1",
|
||||
imageAlt: "modern creative design agency studio",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@schen", testimonial: "The best creative partners we've ever worked with.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_329181-13532.jpg", imageAlt: "modern creative design agency studio"},
|
||||
{
|
||||
name: "Mark Jones",
|
||||
handle: "@mjones",
|
||||
testimonial: "Efficiency and beauty in every single project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-website-content-layout-design-illustraion-notebook_53876-167124.jpg?_wi=1",
|
||||
imageAlt: "modern creative design agency studio",
|
||||
},
|
||||
name: "Mark Jones", handle: "@mjones", testimonial: "Efficiency and beauty in every single project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-website-content-layout-design-illustraion-notebook_53876-167124.jpg", imageAlt: "modern creative design agency studio"},
|
||||
{
|
||||
name: "Julie Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Truly a transformative experience for our brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345398.jpg?_wi=1",
|
||||
imageAlt: "modern creative design agency studio",
|
||||
},
|
||||
name: "Julie Smith", handle: "@jsmith", testimonial: "Truly a transformative experience for our brand.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345398.jpg", imageAlt: "modern creative design agency studio"},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Vertex understands the core of modern design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800634.jpg?_wi=1",
|
||||
imageAlt: "modern creative design agency studio",
|
||||
},
|
||||
name: "David Kim", handle: "@dkim", testimonial: "Vertex understands the core of modern design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800634.jpg", imageAlt: "modern creative design agency studio"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg"
|
||||
imageAlt="modern creative design agency studio"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-doing-teamwork-startup-presentation-anlayzing-research-data-information-documents-planning-report-project-with-notes-paperwork-files-office-with-big-windows_482257-49771.jpg",
|
||||
alt: "Business people doing teamwork",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-doing-teamwork-startup-presentation-anlayzing-research-data-information-documents-planning-report-project-with-notes-paperwork-files-office-with-big-windows_482257-49771.jpg", alt: "Business people doing teamwork"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg",
|
||||
alt: "Empty conference room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-conference-room-within-corporation-designed-productivity_482257-124018.jpg", alt: "Empty conference room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
|
||||
alt: "Modern business workspace",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg", alt: "Modern business workspace"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248046.jpg",
|
||||
alt: "Woman working in office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-working-while-pregnant_23-2149248046.jpg", alt: "Woman working in office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg",
|
||||
alt: "Creative agency workspace",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg", alt: "Creative agency workspace"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
type: "text", text: "Innovation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
type: "text", text: "Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
type: "text", text: "Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
type: "text", text: "Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scale",
|
||||
},
|
||||
type: "text", text: "Scale"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,18 +106,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Elevating Brands Through",
|
||||
},
|
||||
type: "text", content: "Elevating Brands Through"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-office_329181-13532.jpg",
|
||||
alt: "creative design team collaboration",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/people-working-office_329181-13532.jpg", alt: "creative design team collaboration"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Modern Design Excellence",
|
||||
},
|
||||
type: "text", content: "Modern Design Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -185,38 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Web Design",
|
||||
descriptions: [
|
||||
"Custom aesthetics",
|
||||
"Conversion focus",
|
||||
"Mobile ready",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120120.jpg",
|
||||
imageAlt: "Ideas Progress Vision Inspiration Design Concept",
|
||||
},
|
||||
id: "f1", title: "Web Design", descriptions: [
|
||||
"Custom aesthetics", "Conversion focus", "Mobile ready"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120120.jpg", imageAlt: "Ideas Progress Vision Inspiration Design Concept"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Brand Strategy",
|
||||
descriptions: [
|
||||
"Market research",
|
||||
"Identity design",
|
||||
"Voice creation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg?_wi=3",
|
||||
imageAlt: "Ideas Progress Vision Inspiration Design Concept",
|
||||
},
|
||||
id: "f2", title: "Brand Strategy", descriptions: [
|
||||
"Market research", "Identity design", "Voice creation"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-wakes-up-employee-after-falling-asleep-table-desk_482257-77539.jpg", imageAlt: "Ideas Progress Vision Inspiration Design Concept"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Development",
|
||||
descriptions: [
|
||||
"High performance",
|
||||
"Secure coding",
|
||||
"Scaleable architecture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_329181-13532.jpg?_wi=2",
|
||||
imageAlt: "Ideas Progress Vision Inspiration Design Concept",
|
||||
},
|
||||
id: "f3", title: "Development", descriptions: [
|
||||
"High performance", "Secure coding", "Scaleable architecture"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-office_329181-13532.jpg", imageAlt: "Ideas Progress Vision Inspiration Design Concept"},
|
||||
]}
|
||||
title="Our Specialized Agency Services"
|
||||
description="Comprehensive design solutions tailored to your unique business needs."
|
||||
@@ -225,52 +141,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Tech Hub Site",
|
||||
price: "Case Study",
|
||||
variant: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-website-content-layout-design-illustraion-notebook_53876-167124.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Tech Hub Site", price: "Case Study", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-website-content-layout-design-illustraion-notebook_53876-167124.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fashion App",
|
||||
price: "Case Study",
|
||||
variant: "UX/UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345398.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Fashion App", price: "Case Study", variant: "UX/UI", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345398.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Eco-Friendly Platform",
|
||||
price: "Case Study",
|
||||
variant: "Development",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800634.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Eco-Friendly Platform", price: "Case Study", variant: "Development", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800634.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Startup Ecosystem",
|
||||
price: "Case Study",
|
||||
variant: "Strategy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg",
|
||||
},
|
||||
id: "p4", name: "Startup Ecosystem", price: "Case Study", variant: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-discussing-their-work-laptop_53876-105333.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Health Dashboard",
|
||||
price: "Case Study",
|
||||
variant: "UX/UI",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-website-template_52683-90372.jpg",
|
||||
},
|
||||
id: "p5", name: "Health Dashboard", price: "Case Study", variant: "UX/UI", imageSrc: "http://img.b2bpic.net/free-vector/gradient-e-commerce-website-template_52683-90372.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Travel Experience",
|
||||
price: "Case Study",
|
||||
variant: "Mobile",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-freelancer-using-tablet-laptop-computer-check-his-business-cafe_342744-45.jpg",
|
||||
},
|
||||
id: "p6", name: "Travel Experience", price: "Case Study", variant: "Mobile", imageSrc: "http://img.b2bpic.net/free-photo/handsome-freelancer-using-tablet-laptop-computer-check-his-business-cafe_342744-45.jpg"},
|
||||
]}
|
||||
title="Selected Work"
|
||||
description="Showcasing our recent high-impact design projects."
|
||||
@@ -284,20 +171,11 @@ export default function LandingPage() {
|
||||
tag="Trusted By Industry"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Successful Projects"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m2", value: "98%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Global Brands",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Global Brands"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -310,45 +188,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@alexr",
|
||||
testimonial: "Absolutely incredible creative direction.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", handle: "@alexr", testimonial: "Absolutely incredible creative direction.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarahc",
|
||||
testimonial: "Vertex delivers perfection every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", handle: "@sarahc", testimonial: "Vertex delivers perfection every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Jones",
|
||||
handle: "@markj",
|
||||
testimonial: "Strategic, fast, and very professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-female-posing-indoor_344912-984.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Jones", handle: "@markj", testimonial: "Strategic, fast, and very professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-female-posing-indoor_344912-984.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie Smith",
|
||||
handle: "@julies",
|
||||
testimonial: "Great work on our rebranding project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
|
||||
},
|
||||
id: "4", name: "Julie Smith", handle: "@julies", testimonial: "Great work on our rebranding project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "They truly understand high-end design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
},
|
||||
id: "5", name: "David Kim", handle: "@davidk", testimonial: "They truly understand high-end design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Perspectives"
|
||||
@@ -362,20 +215,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Get in touch via our form and we will setup a discovery call.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Get in touch via our form and we will setup a discovery call."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long is a typical project?",
|
||||
content: "Most projects take 6-12 weeks depending on scope.",
|
||||
},
|
||||
id: "q2", title: "How long is a typical project?", content: "Most projects take 6-12 weeks depending on scope."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide support?",
|
||||
content: "Yes, we offer ongoing maintenance and growth packages.",
|
||||
},
|
||||
id: "q3", title: "Do you provide support?", content: "Yes, we offer ongoing maintenance and growth packages."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common queries about our agency process."
|
||||
@@ -390,22 +234,14 @@ export default function LandingPage() {
|
||||
description="Ready to take your brand to the next level? Fill in your details."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project details",
|
||||
required: true,
|
||||
name: "message", placeholder: "Project details", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user