bender/c80f08d6-431b-4289-a1e2-016b2aa4b86b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-09 15:21:22 +00:00
parent ab2ebd4ed9
commit e0f02e9920
1 changed files with 50 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

221
src/app/page.tsx
View File

@@ -33,62 +33,44 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#features",
},
name: "Services", id: "#features"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Grupo Liora"
button={{
text: "Start Project",
href: "#contact",
}}
text: "Start Project", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
buttons={[
{
text: "Let's Talk", href: "#contact"
}
]}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Defining Creative Excellence"
description="Grupo Liora transforms abstract ideas into digital realities through meticulous design and strategic innovation."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/colorful-wavy-swirly-texture_23-2151837738.jpg?_wi=1",
imageAlt: "Abstract creative shapes",
},
imageSrc: "http://img.b2bpic.net/free-photo/colorful-wavy-swirly-texture_23-2151837738.jpg?_wi=1", imageAlt: "Abstract creative shapes"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg?_wi=1",
imageAlt: "Studio environment",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg?_wi=1", imageAlt: "Studio environment"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134139.jpg",
imageAlt: "Earthy texture",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134139.jpg", imageAlt: "Earthy texture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/background-with-simple-white-walls-furniture_23-2151020004.jpg",
imageAlt: "Artistic interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/background-with-simple-white-walls-furniture_23-2151020004.jpg", imageAlt: "Artistic interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749918.jpg",
imageAlt: "Concept sketch",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749918.jpg", imageAlt: "Concept sketch"},
{
imageSrc: "http://img.b2bpic.net/free-photo/gradient-earth-tone-background-soft-vintage-style_53876-125325.jpg",
imageAlt: "3D shape art",
},
imageSrc: "http://img.b2bpic.net/free-photo/gradient-earth-tone-background-soft-vintage-style_53876-125325.jpg", imageAlt: "3D shape art"},
]}
mediaAnimation="blur-reveal"
/>
@@ -100,19 +82,13 @@ export default function LandingPage() {
title="Our Agency Impact"
metrics={[
{
label: "Projects Delivered",
value: "250+",
icon: CheckCircle,
label: "Projects Delivered", value: "250+", icon: CheckCircle,
},
{
label: "Design Awards",
value: "15",
icon: Award,
label: "Design Awards", value: "15", icon: Award,
},
{
label: "Happy Clients",
value: "100+",
icon: Star,
label: "Happy Clients", value: "100+", icon: Star,
},
]}
metricsAnimation="slide-up"
@@ -126,23 +102,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Brand Strategy",
description: "Defining the core essence of your business to stand out in a competitive market.",
imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746588.jpg",
imageAlt: "minimalist business growth chart",
},
title: "Brand Strategy", description: "Defining the core essence of your business to stand out in a competitive market.", imageSrc: "http://img.b2bpic.net/free-photo/covid-19-global-economic-crisis_23-2148746588.jpg", imageAlt: "minimalist business growth chart"},
{
title: "Web Development",
description: "High-performance, scalable, and beautifully designed web solutions for modern brands.",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-wavy-swirly-texture_23-2151837738.jpg?_wi=2",
imageAlt: "minimalist business growth chart",
},
title: "Web Development", description: "High-performance, scalable, and beautifully designed web solutions for modern brands.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-wavy-swirly-texture_23-2151837738.jpg?_wi=2", imageAlt: "minimalist business growth chart"},
{
title: "UI/UX Design",
description: "User-centric design approach focused on accessibility, aesthetics, and optimal conversion rates.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg?_wi=2",
imageAlt: "minimalist business growth chart",
},
title: "UI/UX Design", description: "User-centric design approach focused on accessibility, aesthetics, and optimal conversion rates.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320699.jpg?_wi=2", imageAlt: "minimalist business growth chart"},
]}
title="Our Expertise"
description="We specialize in crafting digital experiences that resonate with audiences and drive business growth."
@@ -157,29 +121,13 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "t1",
name: "Elena Liora",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428599.jpg",
},
id: "t1", name: "Elena Liora", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paper-shapes_23-2148428599.jpg"},
{
id: "t2",
name: "Marcus Chen",
role: "Head of Design",
imageSrc: "http://img.b2bpic.net/free-photo/work-text-diary-digital-tablet-coffee-cup-keyboard-black-marker-white-desk_23-2148061556.jpg",
},
id: "t2", name: "Marcus Chen", role: "Head of Design", imageSrc: "http://img.b2bpic.net/free-photo/work-text-diary-digital-tablet-coffee-cup-keyboard-black-marker-white-desk_23-2148061556.jpg"},
{
id: "t3",
name: "Sarah Jenkins",
role: "Lead Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/electronics-production-plant-theme-blur-background_1385-1622.jpg",
},
id: "t3", name: "Sarah Jenkins", role: "Lead Strategist", imageSrc: "http://img.b2bpic.net/free-photo/electronics-production-plant-theme-blur-background_1385-1622.jpg"},
{
id: "t4",
name: "David Rossi",
role: "Dev Lead",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091339.jpg",
},
id: "t4", name: "David Rossi", role: "Dev Lead", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091339.jpg"},
]}
title="Meet the Minds"
description="Our multidisciplinary team of creatives, strategists, and developers."
@@ -194,45 +142,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o3c8nj",
},
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o3c8nj"},
{
id: "2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j65w3k",
},
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j65w3k"},
{
id: "3",
name: "Emily Rodriguez",
role: "Marketing",
company: "GrowthCo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d1eqnd",
},
id: "3", name: "Emily Rodriguez", role: "Marketing", company: "GrowthCo", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d1eqnd"},
{
id: "4",
name: "David Kim",
role: "PM",
company: "StartupXYZ",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99an3r",
},
id: "4", name: "David Kim", role: "PM", company: "StartupXYZ", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=99an3r"},
{
id: "5",
name: "Laura Smith",
role: "Founder",
company: "Innovate",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=au9lbr",
},
id: "5", name: "Laura Smith", role: "Founder", company: "Innovate", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=au9lbr"},
]}
title="Client Feedback"
description="Words from the partners we've helped elevate."
@@ -247,47 +170,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Minimalist Web Site",
price: "High Impact",
variant: "Web",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-photoframe-desk_23-2149385432.jpg",
},
id: "p1", name: "Minimalist Web Site", price: "High Impact", variant: "Web", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-with-photoframe-desk_23-2149385432.jpg"},
{
id: "p2",
name: "Brand Identity System",
price: "Complete",
variant: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg",
},
id: "p2", name: "Brand Identity System", price: "Complete", variant: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/scary-office-zombie-with-bloody-wounds-workspace-working-modern-laptop-brain-eating-evil-monster-with-deep-scars-trying-use-computer-when-dead-creepy-walking-woman-comes-help_482257-46728.jpg"},
{
id: "p3",
name: "Mobile E-commerce App",
price: "High Growth",
variant: "App",
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-prisms-abstract-gradient-lights_23-2148771734.jpg",
},
id: "p3", name: "Mobile E-commerce App", price: "High Growth", variant: "App", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-prisms-abstract-gradient-lights_23-2148771734.jpg"},
{
id: "p4",
name: "Corporate Identity",
price: "Full Suite",
variant: "Branding",
imageSrc: "http://img.b2bpic.net/free-photo/desk-wall-texture-background-white_1203-4569.jpg",
},
id: "p4", name: "Corporate Identity", price: "Full Suite", variant: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/desk-wall-texture-background-white_1203-4569.jpg"},
{
id: "p5",
name: "Digital Marketing Campaign",
price: "Conversion-Driven",
variant: "Ads",
imageSrc: "http://img.b2bpic.net/free-photo/written-creative-text-colorful-crumpled-paper-balls-chalkboard_23-2147890120.jpg",
},
id: "p5", name: "Digital Marketing Campaign", price: "Conversion-Driven", variant: "Ads", imageSrc: "http://img.b2bpic.net/free-photo/written-creative-text-colorful-crumpled-paper-balls-chalkboard_23-2147890120.jpg"},
{
id: "p6",
name: "Interactive UI Kit",
price: "Design System",
variant: "UI",
imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-covers_23-2148497787.jpg",
},
id: "p6", name: "Interactive UI Kit", price: "Design System", variant: "UI", imageSrc: "http://img.b2bpic.net/free-vector/abstract-colorful-covers_23-2148497787.jpg"},
]}
title="Selected Works"
description="A curated collection of our recent projects."
@@ -299,20 +192,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is the typical project timeline?",
content: "Most projects take between 4 to 8 weeks depending on complexity.",
},
id: "f1", title: "What is the typical project timeline?", content: "Most projects take between 4 to 8 weeks depending on complexity."},
{
id: "f2",
title: "How do you charge for services?",
content: "We offer project-based pricing following a clear discovery phase.",
},
id: "f2", title: "How do you charge for services?", content: "We offer project-based pricing following a clear discovery phase."},
{
id: "f3",
title: "Can we meet the team?",
content: "Absolutely, we welcome in-person or remote consultations.",
},
id: "f3", title: "Can we meet the team?", content: "Absolutely, we welcome in-person or remote consultations."},
]}
sideTitle="Common Inquiries"
sideDescription="Get answers about how we work and what we deliver."
@@ -324,8 +208,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
tag="Get in Touch"
title="Start your next project"
description="Ready to elevate your digital presence? We're ready to listen."
@@ -338,16 +221,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Grupo Liora"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Contact",
href: "#contact",
}}
text: "Contact", href: "#contact"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}