Update src/app/page.tsx

This commit is contained in:
2026-03-02 23:51:26 +00:00
parent 5a7b277629
commit b2bc4c1d55

View File

@@ -19,7 +19,7 @@ export default function LandingPage() {
borderRadius="soft" borderRadius="soft"
contentWidth="compact" contentWidth="compact"
sizing="largeSizeMediumTitles" sizing="largeSizeMediumTitles"
background="fluid" background="circleGradient"
cardStyle="subtle-shadow" cardStyle="subtle-shadow"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
@@ -54,13 +54,13 @@ export default function LandingPage() {
testimonials={[ testimonials={[
{ {
name: "Alex Rivera", handle: "Creative Director, PixelForge", testimonial: "Obsidian delivered an experience that completely elevated our brand presence. The 3D integration was seamless and performance-optimized.", rating: 5, name: "Alex Rivera", handle: "Creative Director, PixelForge", testimonial: "Obsidian delivered an experience that completely elevated our brand presence. The 3D integration was seamless and performance-optimized.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-creative-dire-1772495352464-e084c39d.png?_wi=1"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-creative-dire-1772495352464-e084c39d.png"},
{ {
name: "Jordan Chen", handle: "CMO, TechVision Inc", testimonial: "The micro-interactions and scroll animations brought our website to life. Every detail was meticulously crafted for maximum impact.", rating: 5, name: "Jordan Chen", handle: "CMO, TechVision Inc", testimonial: "The micro-interactions and scroll animations brought our website to life. Every detail was meticulously crafted for maximum impact.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-marketing-exe-1772495352155-033030be.png?_wi=1"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-marketing-exe-1772495352155-033030be.png"},
{ {
name: "Morgan Hayes", handle: "Founder, CreativeHub", testimonial: "Working with Obsidian was transformative. They understood our vision and executed with precision. A truly premium experience.", rating: 5, name: "Morgan Hayes", handle: "Founder, CreativeHub", testimonial: "Working with Obsidian was transformative. They understood our vision and executed with precision. A truly premium experience.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-startup-found-1772495352807-f6560290.png?_wi=1"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-startup-found-1772495352807-f6560290.png"},
]} ]}
testimonialRotationInterval={5000} testimonialRotationInterval={5000}
buttons={[ buttons={[
@@ -100,7 +100,7 @@ export default function LandingPage() {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/abstract-visualization-of-a-creative-des-1772495352445-6999a06f.png", imageAlt: "3D design visualization"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/abstract-visualization-of-a-creative-des-1772495352445-6999a06f.png", imageAlt: "3D design visualization"},
{ {
id: "2", title: "Scroll-Based Animations", author: "Studio Obsidian", description: "Sophisticated parallax effects and scroll-triggered animations powered by GSAP. Text reveals, element scaling, and depth-based motion create a cinematic user journey.", tags: ["GSAP", "Animation", "UX"], id: "2", title: "Scroll-Based Animations", author: "Studio Obsidian", description: "Sophisticated parallax effects and scroll-triggered animations powered by GSAP. Text reveals, element scaling, and depth-based motion create a cinematic user journey.", tags: ["GSAP", "Animation", "UX"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/a-premium-creative-studio-workspace-with-1772495352640-46495283.png?_wi=1", imageAlt: "Workspace with animation setup"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/a-premium-creative-studio-workspace-with-1772495352640-46495283.png", imageAlt: "Workspace with animation setup"},
{ {
id: "3", title: "Micro-Interactions & Polish", author: "Studio Obsidian", description: "Animated cursors, button transitions, image hover distortions, and subtle page transitions. Every detail contributes to a premium, non-template feel that delights users.", tags: ["Micro-interactions", "UX/UI", "Polish"], id: "3", title: "Micro-Interactions & Polish", author: "Studio Obsidian", description: "Animated cursors, button transitions, image hover distortions, and subtle page transitions. Every detail contributes to a premium, non-template feel that delights users.", tags: ["Micro-interactions", "UX/UI", "Polish"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/premium-brand-identity-portfolio-piece-f-1772495354987-fc99c7e2.png", imageAlt: "Brand identity showcase"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/premium-brand-identity-portfolio-piece-f-1772495354987-fc99c7e2.png", imageAlt: "Brand identity showcase"},
@@ -124,7 +124,7 @@ export default function LandingPage() {
{ {
id: "2", value: "98%", title: "Client Satisfaction", description: "Consistently exceeding expectations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/visual-representation-of-client-satisfac-1772495353256-a17cab89.png", imageAlt: "Client satisfaction metrics"}, id: "2", value: "98%", title: "Client Satisfaction", description: "Consistently exceeding expectations", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/visual-representation-of-client-satisfac-1772495353256-a17cab89.png", imageAlt: "Client satisfaction metrics"},
{ {
id: "3", value: "12+", title: "Industry Awards", description: "Recognition for creative excellence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/a-premium-creative-studio-workspace-with-1772495352640-46495283.png?_wi=2", imageAlt: "Award showcase"}, id: "3", value: "12+", title: "Industry Awards", description: "Recognition for creative excellence", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/a-premium-creative-studio-workspace-with-1772495352640-46495283.png", imageAlt: "Award showcase"},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -142,13 +142,13 @@ export default function LandingPage() {
testimonials={[ testimonials={[
{ {
id: "1", name: "Sarah Mitchell", role: "Creative Director", company: "PixelForge Studios", rating: 5, id: "1", name: "Sarah Mitchell", role: "Creative Director", company: "PixelForge Studios", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-creative-dire-1772495352464-e084c39d.png?_wi=2", imageAlt: "Sarah Mitchell"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-creative-dire-1772495352464-e084c39d.png", imageAlt: "Sarah Mitchell"},
{ {
id: "2", name: "David Chen", role: "Product Manager", company: "TechVision Inc", rating: 5, id: "2", name: "David Chen", role: "Product Manager", company: "TechVision Inc", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-marketing-exe-1772495352155-033030be.png?_wi=2", imageAlt: "David Chen"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-marketing-exe-1772495352155-033030be.png", imageAlt: "David Chen"},
{ {
id: "3", name: "Emma Rodriguez", role: "Marketing Lead", company: "CreativeHub", rating: 5, id: "3", name: "Emma Rodriguez", role: "Marketing Lead", company: "CreativeHub", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-startup-found-1772495352807-f6560290.png?_wi=2", imageAlt: "Emma Rodriguez"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-startup-found-1772495352807-f6560290.png", imageAlt: "Emma Rodriguez"},
{ {
id: "4", name: "James Liu", role: "Brand Strategist", company: "Innovate Design Co", rating: 5, id: "4", name: "James Liu", role: "Brand Strategist", company: "Innovate Design Co", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-brand-strateg-1772495352030-be697b0c.png", imageAlt: "James Liu"}, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXBeQHik9KziWem0RqE2cA8J8/professional-portrait-of-a-brand-strateg-1772495352030-be697b0c.png", imageAlt: "James Liu"},
@@ -182,7 +182,7 @@ export default function LandingPage() {
{ text: "View Our Portfolio", href: "#portfolio" }, { text: "View Our Portfolio", href: "#portfolio" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "fluid" }} background={{ variant: "glowing-orb" }}
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>