Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -29,47 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vexo"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="VEXO"
|
||||
description="Premium graphic design services that elevate your brand and drive results. Modern solutions for forward-thinking companies."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Portfolio", href: "#portfolio" },
|
||||
{ text: "Get Started", href: "#contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/abstract-creative-business-brochure-vector-template-design_1017-11047.jpg"
|
||||
@@ -84,41 +62,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Brand Identity",
|
||||
subtitle: "Develop your visual voice",
|
||||
category: "Identity",
|
||||
value: "Vibrant and strategic",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn more",
|
||||
},
|
||||
],
|
||||
id: "f1", title: "Brand Identity", subtitle: "Develop your visual voice", category: "Identity", value: "Vibrant and strategic", buttons: [{ text: "Learn more" }]
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "UI/UX Design",
|
||||
subtitle: "Intuitive digital products",
|
||||
category: "Design",
|
||||
value: "Modern and clean",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn more",
|
||||
},
|
||||
],
|
||||
id: "f2", title: "UI/UX Design", subtitle: "Intuitive digital products", category: "Design", value: "Modern and clean", buttons: [{ text: "Learn more" }]
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Graphic Illustration",
|
||||
subtitle: "Custom artistic assets",
|
||||
category: "Art",
|
||||
value: "Unique and striking",
|
||||
buttons: [
|
||||
{
|
||||
text: "Learn more",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "f3", title: "Graphic Illustration", subtitle: "Custom artistic assets", category: "Art", value: "Unique and striking", buttons: [{ text: "Learn more" }]
|
||||
}
|
||||
]}
|
||||
title="Creative Excellence"
|
||||
description="We specialize in crafting visual identities and digital experiences that resonate with your audience."
|
||||
@@ -132,60 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brand",
|
||||
name: "Corporate Identity",
|
||||
price: "View Case",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-office-multinational-company-showcases-charts-insight-night-forecast-data-display_482257-136491.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "App",
|
||||
name: "Mobile UI/UX",
|
||||
price: "View Case",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-white-table-night-top-view_169016-52884.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Print",
|
||||
name: "Luxury Stationery",
|
||||
price: "View Case",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept-with-folded-page_23-2147786727.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Print",
|
||||
name: "Art Poster",
|
||||
price: "View Case",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selection-cards-with-black-lives-matter-with-plant_23-2148802427.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Media",
|
||||
name: "Social Campaign",
|
||||
price: "View Case",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-trendy-cartoon-instagram-stories_23-2149080072.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Art",
|
||||
name: "Digital Series",
|
||||
price: "View Case",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996800.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Brand", name: "Corporate Identity", price: "View Case", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-office-multinational-company-showcases-charts-insight-night-forecast-data-display_482257-136491.jpg" },
|
||||
{ id: "p2", brand: "App", name: "Mobile UI/UX", price: "View Case", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/laptop-with-glowing-screen-white-table-night-top-view_169016-52884.jpg" },
|
||||
{ id: "p3", brand: "Print", name: "Luxury Stationery", price: "View Case", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept-with-folded-page_23-2147786727.jpg" },
|
||||
{ id: "p4", brand: "Print", name: "Art Poster", price: "View Case", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-selection-cards-with-black-lives-matter-with-plant_23-2148802427.jpg" },
|
||||
{ id: "p5", brand: "Media", name: "Social Campaign", price: "View Case", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-trendy-cartoon-instagram-stories_23-2149080072.jpg" },
|
||||
{ id: "p6", brand: "Art", name: "Digital Series", price: "View Case", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendered-abstract-design-elements-arrangement_23-2148996800.jpg" }
|
||||
]}
|
||||
title="Portfolio Showcase"
|
||||
description="A collection of our recent work across various creative disciplines."
|
||||
@@ -197,46 +100,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great vision",
|
||||
quote: "Vexo transformed our brand identity completely.",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Professional work",
|
||||
quote: "Incredible attention to detail in their UI design.",
|
||||
name: "Michael C.",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Creative experts",
|
||||
quote: "Their illustration work is truly unmatched.",
|
||||
name: "Emily R.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780762.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Game changers",
|
||||
quote: "The results were far beyond what we imagined.",
|
||||
name: "David K.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-artist-looking-camera-holding-paintbrush_23-2148188290.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly recommended",
|
||||
quote: "Excellent creative and reliable service overall.",
|
||||
name: "Alex M.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman_53876-71160.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great vision", quote: "Vexo transformed our brand identity completely.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" },
|
||||
{ id: "t2", title: "Professional work", quote: "Incredible attention to detail in their UI design.", name: "Michael C.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195343.jpg" },
|
||||
{ id: "t3", title: "Creative experts", quote: "Their illustration work is truly unmatched.", name: "Emily R.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780762.jpg" },
|
||||
{ id: "t4", title: "Game changers", quote: "The results were far beyond what we imagined.", name: "David K.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-artist-looking-camera-holding-paintbrush_23-2148188290.jpg" },
|
||||
{ id: "t5", title: "Highly recommended", quote: "Excellent creative and reliable service overall.", name: "Alex M.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/businessman_53876-71160.jpg" }
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our clients say about the creative impact we've delivered."
|
||||
@@ -248,21 +116,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your process?",
|
||||
content: "We follow a strategic creative process to ensure alignment with your goals.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long does a project take?",
|
||||
content: "Timelines vary depending on project scope, usually 2-6 weeks.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle remote work?",
|
||||
content: "Yes, we work with clients globally using efficient communication tools.",
|
||||
},
|
||||
{ id: "q1", title: "What is your process?", content: "We follow a strategic creative process to ensure alignment with your goals." },
|
||||
{ id: "q2", title: "How long does a project take?", content: "Timelines vary depending on project scope, usually 2-6 weeks." },
|
||||
{ id: "q3", title: "Can you handle remote work?", content: "Yes, we work with clients globally using efficient communication tools." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to the most frequently asked questions about our services."
|
||||
@@ -278,24 +134,10 @@ export default function LandingPage() {
|
||||
title="Start Your Project"
|
||||
description="Ready to take your brand to the next level? Get in touch today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-holding-notebook_23-2148993866.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -303,32 +145,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Vexo",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Vexo", items: [{ label: "Services", href: "#services" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Vexo Design."
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -337,4 +155,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user