Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -32,38 +32,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
brandName="Creative Vision"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,13 +58,9 @@ export default function LandingPage() {
|
||||
description="Crafting unique brand identities and captivating visuals that tell your story. Specializing in logo design and comprehensive branding solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Portfolio", href: "#portfolio"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/learning-observation-experience-encounter-icon_53876-13902.jpg"
|
||||
@@ -97,17 +77,11 @@ export default function LandingPage() {
|
||||
description="At Creative Vision, we believe in the power of thoughtful design to transform brands. Our approach is collaborative, innovative, and always focused on delivering distinct and impactful visual solutions."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Strategic Thinking",
|
||||
description: "Every design starts with a deep understanding of your business goals and audience.",
|
||||
},
|
||||
title: "Strategic Thinking", description: "Every design starts with a deep understanding of your business goals and audience."},
|
||||
{
|
||||
title: "Creative Excellence",
|
||||
description: "We push boundaries to deliver unique and memorable visual identities.",
|
||||
},
|
||||
title: "Creative Excellence", description: "We push boundaries to deliver unique and memorable visual identities."},
|
||||
{
|
||||
title: "Client-Centric Process",
|
||||
description: "Your vision is at the heart of our design journey, from concept to completion.",
|
||||
},
|
||||
title: "Client-Centric Process", description: "Your vision is at the heart of our design journey, from concept to completion."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-paint-composition-with-colorful-style_23-2147868292.jpg"
|
||||
imageAlt="Graphic designer working on a tablet, illustrating the creative process"
|
||||
@@ -122,20 +96,11 @@ export default function LandingPage() {
|
||||
description="We offer a comprehensive suite of graphic design services tailored to elevate your brand."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "logo-design",
|
||||
title: "Custom Logo Design",
|
||||
content: "Crafting unique and memorable logos that capture your brand's essence and stand out in the market.",
|
||||
},
|
||||
id: "logo-design", title: "Custom Logo Design", content: "Crafting unique and memorable logos that capture your brand's essence and stand out in the market."},
|
||||
{
|
||||
id: "brand-identity",
|
||||
title: "Complete Brand Identity",
|
||||
content: "Developing a cohesive visual language for your brand, including color palettes, typography, and imagery guidelines.",
|
||||
},
|
||||
id: "brand-identity", title: "Complete Brand Identity", content: "Developing a cohesive visual language for your brand, including color palettes, typography, and imagery guidelines."},
|
||||
{
|
||||
id: "branding-guidelines",
|
||||
title: "Brand Guideline Documents",
|
||||
content: "Providing detailed documentation to ensure consistent application of your brand across all platforms and materials.",
|
||||
},
|
||||
id: "branding-guidelines", title: "Brand Guideline Documents", content: "Providing detailed documentation to ensure consistent application of your brand across all platforms and materials."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/papers-near-tapes-abstract-figures_23-2148042151.jpg"
|
||||
imageAlt="Illustration of various branding elements and design tools"
|
||||
@@ -152,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Tech Logo",
|
||||
price: "Project 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66304.jpg",
|
||||
imageAlt: "Modern tech company logo design",
|
||||
},
|
||||
id: "1", name: "Modern Tech Logo", price: "Project 1", imageSrc: "http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66304.jpg", imageAlt: "Modern tech company logo design"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Organic Food Brand",
|
||||
price: "Project 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-eco-project-environment-with-windmill_23-2148907425.jpg",
|
||||
imageAlt: "Organic food brand logo design",
|
||||
},
|
||||
id: "2", name: "Organic Food Brand", price: "Project 2", imageSrc: "http://img.b2bpic.net/free-photo/3d-eco-project-environment-with-windmill_23-2148907425.jpg", imageAlt: "Organic food brand logo design"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Retail Emblem",
|
||||
price: "Project 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-laying-floor-high-angle_23-2149735240.jpg",
|
||||
imageAlt: "Luxury retail brand logo",
|
||||
},
|
||||
id: "3", name: "Luxury Retail Emblem", price: "Project 3", imageSrc: "http://img.b2bpic.net/free-photo/woman-laying-floor-high-angle_23-2149735240.jpg", imageAlt: "Luxury retail brand logo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fitness Studio Mark",
|
||||
price: "Project 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18751.jpg",
|
||||
imageAlt: "Fitness studio logo design",
|
||||
},
|
||||
id: "4", name: "Fitness Studio Mark", price: "Project 4", imageSrc: "http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18751.jpg", imageAlt: "Fitness studio logo design"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Cafe & Bakery Identity",
|
||||
price: "Project 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg",
|
||||
imageAlt: "Cafe and bakery brand identity",
|
||||
},
|
||||
id: "5", name: "Cafe & Bakery Identity", price: "Project 5", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83768.jpg", imageAlt: "Cafe and bakery brand identity"},
|
||||
{
|
||||
id: "6",
|
||||
name: "SaaS Platform Logo",
|
||||
price: "Project 6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-paper-drop_23-2148113562.jpg",
|
||||
imageAlt: "SaaS platform logo design",
|
||||
},
|
||||
id: "6", name: "SaaS Platform Logo", price: "Project 6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tablet-paper-drop_23-2148113562.jpg", imageAlt: "SaaS platform logo design"},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="Explore a selection of our latest logo design and branding projects."
|
||||
@@ -202,30 +137,20 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="\"Creative Vision transformed our brand! Their logo design was exactly what we envisioned – modern, professional, and memorable. Highly recommend their branding expertise.\""
|
||||
testimonial={`"Creative Vision transformed our brand! Their logo design was exactly what we envisioned – modern, professional, and memorable. Highly recommend their branding expertise."`}
|
||||
rating={5}
|
||||
author="Sarah J., CEO of InnovateX"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
alt: "Sarah J., InnovateX CEO",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg", alt: "Sarah J., InnovateX CEO"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
||||
alt: "Michael R., Founder of GrowPath",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", alt: "Michael R., Founder of GrowPath"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167415.jpg",
|
||||
alt: "Emily T., Marketing Director at AuraSpa",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167415.jpg", alt: "Emily T., Marketing Director at AuraSpa"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488049.jpg",
|
||||
alt: "David L., Owner of ApexBuilders",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-senior-man-posing-white-shirt_23-2149488049.jpg", alt: "David L., Owner of ApexBuilders"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg",
|
||||
alt: "Jessica P., Creative Lead at DesignHub",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-with-clipboard-smiling-camera_482257-121165.jpg", alt: "Jessica P., Creative Lead at DesignHub"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -237,14 +162,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Corp",
|
||||
"Future Tech",
|
||||
"Eco Solutions",
|
||||
"Urban Eats",
|
||||
"Mindful Living",
|
||||
"Velocity Sports",
|
||||
"Bright Spark",
|
||||
]}
|
||||
"Global Corp", "Future Tech", "Eco Solutions", "Urban Eats", "Mindful Living", "Velocity Sports", "Bright Spark"]}
|
||||
title="Trusted By Brands"
|
||||
description="We've had the privilege of working with a diverse range of clients, helping them build strong visual identities."
|
||||
/>
|
||||
@@ -255,25 +173,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your logo design process?",
|
||||
content: "Our process typically involves an initial consultation, concept development, client feedback rounds, revisions, and final file delivery.",
|
||||
},
|
||||
id: "1", title: "What is your logo design process?", content: "Our process typically involves an initial consultation, concept development, client feedback rounds, revisions, and final file delivery."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long does a branding project take?",
|
||||
content: "Project timelines vary depending on complexity, but a full branding project usually takes 4-8 weeks from start to finish.",
|
||||
},
|
||||
id: "2", title: "How long does a branding project take?", content: "Project timelines vary depending on complexity, but a full branding project usually takes 4-8 weeks from start to finish."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your pricing structures?",
|
||||
content: "We offer custom quotes based on project scope. Please contact us for a detailed proposal tailored to your specific needs.",
|
||||
},
|
||||
id: "3", title: "What are your pricing structures?", content: "We offer custom quotes based on project scope. Please contact us for a detailed proposal tailored to your specific needs."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What files do I receive for my logo?",
|
||||
content: "You will receive a comprehensive package including vector files (AI, EPS, SVG) and raster files (JPEG, PNG) suitable for print and web.",
|
||||
},
|
||||
id: "4", title: "What files do I receive for my logo?", content: "You will receive a comprehensive package including vector files (AI, EPS, SVG) and raster files (JPEG, PNG) suitable for print and web."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our design process, services, and pricing."
|
||||
@@ -285,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Create Something Amazing Together"
|
||||
description="Ready to transform your brand? Contact us today to discuss your project and get a custom quote."
|
||||
@@ -304,50 +209,31 @@ export default function LandingPage() {
|
||||
logoText="Creative Vision"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Logo Design",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Logo Design", href: "#services"},
|
||||
{
|
||||
label: "Brand Identity",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Brand Identity", href: "#services"},
|
||||
{
|
||||
label: "Web Graphics",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Web Graphics", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user