Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Projects", id: "#portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="PixelCraft Studios"
|
||||
/>
|
||||
@@ -54,42 +46,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Crafting Your Brand Vision"
|
||||
description="We blend creativity with strategy to deliver stunning visual identities that stand out in the digital landscape."
|
||||
tag="Graphic Design Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-background-with-arched-stairs-podium-mockup_639032-1430.jpg?_wi=1",
|
||||
imageAlt: "Abstract design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-background-with-arched-stairs-podium-mockup_639032-1430.jpg", imageAlt: "Abstract design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg?_wi=1",
|
||||
imageAlt: "Typography design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg", imageAlt: "Typography design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg?_wi=1",
|
||||
imageAlt: "Branding mockup",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg", imageAlt: "Branding mockup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg",
|
||||
imageAlt: "Illustration work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg", imageAlt: "Illustration work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg",
|
||||
imageAlt: "UI UX design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-smart-blank-screens-wall_53876-160689.jpg", imageAlt: "UI UX design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-team-working-project_114579-2815.jpg",
|
||||
imageAlt: "Motion abstract",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-team-working-project_114579-2815.jpg", imageAlt: "Motion abstract"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,9 +77,7 @@ export default function LandingPage() {
|
||||
title="Transforming Concepts into Visual Reality"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,40 +89,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Developing logos, color palettes, and visual systems.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-designing-websites_23-2149930944.jpg",
|
||||
},
|
||||
title: "Brand Identity", description: "Developing logos, color palettes, and visual systems.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-designing-websites_23-2149930944.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-thinking-creativity-design-process-concept_53876-127465.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gray-background-with-arched-stairs-podium-mockup_639032-1430.jpg?_wi=2",
|
||||
imageAlt: "brand design icon vector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-thinking-creativity-design-process-concept_53876-127465.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Digital UI/UX",
|
||||
description: "Crafting intuitive user interfaces and experiences.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345456.jpg",
|
||||
},
|
||||
title: "Digital UI/UX", description: "Crafting intuitive user interfaces and experiences.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345456.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-ideas-model-craftsman-handy-concept_53876-16315.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg?_wi=2",
|
||||
imageAlt: "brand design icon vector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-ideas-model-craftsman-handy-concept_53876-16315.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Visual Storytelling",
|
||||
description: "Custom illustrations and narrative-driven graphics.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/style-trendy-design-creative-concept_53876-124195.jpg",
|
||||
},
|
||||
title: "Visual Storytelling", description: "Custom illustrations and narrative-driven graphics.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/style-trendy-design-creative-concept_53876-124195.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-lamp-with-lightning-inside-think-icon_107791-17176.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg?_wi=2",
|
||||
imageAlt: "brand design icon vector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-lamp-with-lightning-inside-think-icon_107791-17176.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -164,47 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Brand Identity Kit",
|
||||
price: "$1500",
|
||||
variant: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set_211682-237.jpg",
|
||||
},
|
||||
id: "1", name: "Brand Identity Kit", price: "$1500", variant: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set_211682-237.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Event Posters",
|
||||
price: "$500",
|
||||
variant: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circle-made-with-different-color-brush-stroke-isolated-white-backdrop_23-2148153298.jpg",
|
||||
},
|
||||
id: "2", name: "Event Posters", price: "$500", variant: "Print", imageSrc: "http://img.b2bpic.net/free-photo/circle-made-with-different-color-brush-stroke-isolated-white-backdrop_23-2148153298.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Social Media Campaign",
|
||||
price: "$800",
|
||||
variant: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-exclusive-sale_23-2152027055.jpg",
|
||||
},
|
||||
id: "3", name: "Social Media Campaign", price: "$800", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-exclusive-sale_23-2152027055.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Typographic Collection",
|
||||
price: "$300",
|
||||
variant: "Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-inspirational-resource_23-2149144217.jpg",
|
||||
},
|
||||
id: "4", name: "Typographic Collection", price: "$300", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/creative-inspirational-resource_23-2149144217.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Corporate Stationery",
|
||||
price: "$750",
|
||||
variant: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-background-yellow-gradient-abstact-backdrop-background_1258-99534.jpg",
|
||||
},
|
||||
id: "5", name: "Corporate Stationery", price: "$750", variant: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/gold-background-yellow-gradient-abstact-backdrop-background_1258-99534.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Web Platform UI",
|
||||
price: "$2500",
|
||||
variant: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_52683-69728.jpg",
|
||||
},
|
||||
id: "6", name: "Web Platform UI", price: "$2500", variant: "UI/UX", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-landing-page_52683-69728.jpg"},
|
||||
]}
|
||||
title="Our Recent Projects"
|
||||
description="Explore our portfolio showcasing varied design disciplines and successful outcomes."
|
||||
@@ -218,40 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Exceptional vision and execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Marketing Director", testimonial: "Exceptional vision and execution.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "CEO",
|
||||
testimonial: "Transformed our brand identity completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sending-messages-by-smartphone_329181-18114.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "CEO", testimonial: "Transformed our brand identity completely.", imageSrc: "http://img.b2bpic.net/free-photo/woman-sending-messages-by-smartphone_329181-18114.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Startup Founder",
|
||||
testimonial: "Fast, creative, and highly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
id: "3", name: "Elena P.", role: "Startup Founder", testimonial: "Fast, creative, and highly professional.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Creative Lead",
|
||||
testimonial: "A joy to work with, impeccable design taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Creative Lead", testimonial: "A joy to work with, impeccable design taste.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice W.",
|
||||
role: "Product Manager",
|
||||
testimonial: "Highly recommended for any design task.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
id: "5", name: "Alice W.", role: "Product Manager", testimonial: "Highly recommended for any design task.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our clients say about our creative process and collaboration."
|
||||
@@ -263,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you start a project?",
|
||||
content: "We begin with a brief followed by research and mood boarding.",
|
||||
},
|
||||
id: "f1", title: "How do you start a project?", content: "We begin with a brief followed by research and mood boarding."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Varies by scope, but usually 2-4 weeks per project phase.",
|
||||
},
|
||||
id: "f2", title: "What is the turnaround time?", content: "Varies by scope, but usually 2-4 weeks per project phase."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I request revisions?",
|
||||
content: "Yes, we include three rounds of revisions in our standard pricing.",
|
||||
},
|
||||
id: "f3", title: "Can I request revisions?", content: "Yes, we include three rounds of revisions in our standard pricing."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need answers? Here’s what clients frequently ask."
|
||||
@@ -288,8 +181,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Start your next project"
|
||||
description="Ready to design something great together? Drop us a line."
|
||||
@@ -304,37 +196,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Projects", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user