Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-21 06:24:39 +00:00

View File

@@ -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"
/>