Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
226
src/app/page.tsx
226
src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Studio Design"
|
||||
/>
|
||||
@@ -51,64 +45,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Designing Brands That People Remember"
|
||||
description="Transforming abstract ideas into premium visual identities that drive emotion, trust, and growth for the world's most visionary brands."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-photography-studio-with-retouching-software-computer-nobody-media-production-workplace-with-equipment-editing-pictures-by-professional-photographer-image-retouch-office_482257-39965.jpg",
|
||||
alt: "professional graphic designer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/empty-photography-studio-with-retouching-software-computer-nobody-media-production-workplace-with-equipment-editing-pictures-by-professional-photographer-image-retouch-office_482257-39965.jpg", alt: "professional graphic designer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-creative-office-working_23-2147689379.jpg",
|
||||
alt: "Stylish man in creative office working",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-creative-office-working_23-2147689379.jpg", alt: "Stylish man in creative office working"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Close up portrait of bearded smiling black man in a wool suit.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Close up portrait of bearded smiling black man in a wool suit."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg",
|
||||
alt: "Portrait of fashionable well dressed man with beard posing outdoors",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3267.jpg", alt: "Portrait of fashionable well dressed man with beard posing outdoors"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg",
|
||||
alt: "Confident Handsome Middle-aged Entrepreneur",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-handsome-middle-aged-entrepreneur_1262-4871.jpg", alt: "Confident Handsome Middle-aged Entrepreneur"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Projects", href: "#portfolio"},
|
||||
{
|
||||
text: "Start a Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start a Project", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
type: "text", text: "Brand Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Visual Identity",
|
||||
},
|
||||
type: "text", text: "Visual Identity"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Art Direction",
|
||||
},
|
||||
type: "text", text: "Art Direction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Motion Design",
|
||||
},
|
||||
type: "text", text: "Motion Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Design",
|
||||
},
|
||||
type: "text", text: "UI/UX Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,20 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "1", value: "10+", description: "Years of Experience"},
|
||||
{
|
||||
id: "2",
|
||||
value: "150+",
|
||||
description: "Global Brands",
|
||||
},
|
||||
id: "2", value: "150+", description: "Global Brands"},
|
||||
{
|
||||
id: "3",
|
||||
value: "500+",
|
||||
description: "Successful Projects",
|
||||
},
|
||||
id: "3", value: "500+", description: "Successful Projects"},
|
||||
]}
|
||||
title="Creative Excellence"
|
||||
description="Skills and tools that bring concepts to life."
|
||||
@@ -159,50 +119,21 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Beauty Branding",
|
||||
price: "Identity",
|
||||
variant: "Beauty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ramadan-gift-boxes-perspective-side-white-background_187299-37909.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Beauty Branding", price: "Identity", variant: "Beauty", imageSrc: "http://img.b2bpic.net/free-photo/ramadan-gift-boxes-perspective-side-white-background_187299-37909.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tech Startup Identity",
|
||||
price: "Identity",
|
||||
variant: "Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-blue-technology-business-card_23-2149379862.jpg",
|
||||
},
|
||||
id: "p2", name: "Tech Startup Identity", price: "Identity", variant: "Tech", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-blue-technology-business-card_23-2149379862.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fashion Campaign Visuals",
|
||||
price: "Identity",
|
||||
variant: "Fashion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-creative-visual-trendy-ideas-style-purpose_53876-16492.jpg",
|
||||
},
|
||||
id: "p3", name: "Fashion Campaign Visuals", price: "Identity", variant: "Fashion", imageSrc: "http://img.b2bpic.net/free-photo/design-creative-visual-trendy-ideas-style-purpose_53876-16492.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gourmet Hospitality",
|
||||
price: "Identity",
|
||||
variant: "Restaurant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114030.jpg",
|
||||
},
|
||||
id: "p4", name: "Gourmet Hospitality", price: "Identity", variant: "Restaurant", imageSrc: "http://img.b2bpic.net/free-photo/traditional-spanish-food-world-tourism-day_23-2149114030.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Medical Innovations",
|
||||
price: "Identity",
|
||||
variant: "Medical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-nurse_23-2148138159.jpg",
|
||||
},
|
||||
id: "p5", name: "Medical Innovations", price: "Identity", variant: "Medical", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nurse_23-2148138159.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Premium Liquid Branding",
|
||||
price: "Identity",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420650.jpg",
|
||||
},
|
||||
id: "p6", name: "Premium Liquid Branding", price: "Identity", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420650.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="A curated collection of premium branding identities."
|
||||
@@ -216,20 +147,11 @@ export default function LandingPage() {
|
||||
description="Building brands that emotionally connect with people through AI-powered creativity and iconic design systems."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "a1",
|
||||
title: "Global Collaborations",
|
||||
content: "Partnering with visionary teams worldwide to create impactful visuals.",
|
||||
},
|
||||
id: "a1", title: "Global Collaborations", content: "Partnering with visionary teams worldwide to create impactful visuals."},
|
||||
{
|
||||
id: "a2",
|
||||
title: "Innovative Branding",
|
||||
content: "Constantly pushing the boundaries of what is possible in branding.",
|
||||
},
|
||||
id: "a2", title: "Innovative Branding", content: "Constantly pushing the boundaries of what is possible in branding."},
|
||||
{
|
||||
id: "a3",
|
||||
title: "AI-Powered Creativity",
|
||||
content: "Harnessing the latest AI tools to amplify human-centric design.",
|
||||
},
|
||||
id: "a3", title: "AI-Powered Creativity", content: "Harnessing the latest AI tools to amplify human-centric design."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797633.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -245,45 +167,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "BeautyCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "CEO", company: "BeautyCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/self-assured-business-leader-conference-room_1262-3068.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Director",
|
||||
company: "VogueNext",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-successful-businesswoman-posing-with-arms-folded-co-working-coffee-shop-interior-looking-camera-smiling_74855-10345.jpg",
|
||||
},
|
||||
id: "2", name: "James Chen", role: "Director", company: "VogueNext", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-successful-businesswoman-posing-with-arms-folded-co-working-coffee-shop-interior-looking-camera-smiling_74855-10345.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dr. Elena Rossi",
|
||||
role: "Founder",
|
||||
company: "MediHealth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",
|
||||
},
|
||||
id: "3", name: "Dr. Elena Rossi", role: "Founder", company: "MediHealth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Director",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus Thorne", role: "Director", company: "TechStream", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily Watson",
|
||||
role: "CEO",
|
||||
company: "LuxuryLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
id: "5", name: "Emily Watson", role: "CEO", company: "LuxuryLife", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What industry leaders say about our collaborations."
|
||||
@@ -297,27 +194,16 @@ export default function LandingPage() {
|
||||
description="Let's build something exceptional together."
|
||||
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,
|
||||
},
|
||||
{
|
||||
name: "brand",
|
||||
type: "text",
|
||||
placeholder: "Brand Name",
|
||||
},
|
||||
name: "brand", type: "text", placeholder: "Brand Name"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project Details",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Project Details", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shiny-counter-surface_23-2147731714.jpg"
|
||||
@@ -330,33 +216,21 @@ export default function LandingPage() {
|
||||
logoText="Studio Design"
|
||||
columns={[
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Behance",
|
||||
href: "#",
|
||||
},
|
||||
label: "Behance", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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