diff --git a/src/app/page.tsx b/src/app/page.tsx index 70b978c..465fd85 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -30,7 +30,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="smallMedium" sizing="largeSmall" - background="circleGradient" + background="floatingGradient" cardStyle="inset" primaryButtonStyle="radial-glow" secondaryButtonStyle="layered" @@ -53,8 +53,8 @@ export default function HomePage() { { text: "Learn More", href: "about" }, ]} buttonAnimation="slide-up" - background={{ variant: "circleGradient" }} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-sleek-modern-xiaomi-smartphone-display-1773050197050-4f0ad6ce.png?_wi=1" + background={{ variant: "sparkles-gradient" }} + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-sleek-modern-xiaomi-smartphone-display-1773050197050-4f0ad6ce.png" imageAlt="Xiaomi flagship smartphone showcase" mediaAnimation="blur-reveal" frameStyle="browser" @@ -67,10 +67,7 @@ export default function HomePage() { heading={[ { type: "text", content: "Xiaomi connects billions through" }, { - type: "image", - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-comprehensive-view-of-xiaomi-s-smart-h-1773050198483-348fd9ab.png", - alt: "Xiaomi ecosystem", - }, + type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-comprehensive-view-of-xiaomi-s-smart-h-1773050198483-348fd9ab.png", alt: "Xiaomi ecosystem"}, { type: "text", content: "innovation and exceptional value" }, ]} useInvertedBackground={false} @@ -88,38 +85,17 @@ export default function HomePage() { tag="Innovation" products={[ { - id: "1", - brand: "Xiaomi", - name: "Xiaomi 14 Pro", - price: "$999", - rating: 5, - reviewCount: "12.5k", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-sleek-modern-xiaomi-smartphone-display-1773050197050-4f0ad6ce.png?_wi=2", - imageAlt: "Xiaomi 14 Pro flagship phone", - }, + id: "1", brand: "Xiaomi", name: "Xiaomi 14 Pro", price: "$999", rating: 5, + reviewCount: "12.5k", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-sleek-modern-xiaomi-smartphone-display-1773050197050-4f0ad6ce.png", imageAlt: "Xiaomi 14 Pro flagship phone"}, { - id: "2", - brand: "Xiaomi", - name: "Mi Watch Pro", - price: "$399", - rating: 5, - reviewCount: "8.2k", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/close-up-product-shot-of-an-advanced-mul-1773050198922-703eee1c.png?_wi=1", - imageAlt: "Xiaomi smartwatch premium", - }, + id: "2", brand: "Xiaomi", name: "Mi Watch Pro", price: "$399", rating: 5, + reviewCount: "8.2k", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/close-up-product-shot-of-an-advanced-mul-1773050198922-703eee1c.png", imageAlt: "Xiaomi smartwatch premium"}, { - id: "3", - brand: "Xiaomi", - name: "Mi Buds Pro", - price: "$199", - rating: 5, - reviewCount: "15.8k", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-visual-representation-of-advanced-batt-1773050197842-f1a4ed3d.png?_wi=1", - imageAlt: "Xiaomi wireless earbuds", - }, + id: "3", brand: "Xiaomi", name: "Mi Buds Pro", price: "$199", rating: 5, + reviewCount: "15.8k", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-visual-representation-of-advanced-batt-1773050197842-f1a4ed3d.png", imageAlt: "Xiaomi wireless earbuds"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -134,39 +110,18 @@ export default function HomePage() { description="Powered by industry-leading innovations that set new standards for performance and user experience" features={[ { - id: "camera", - label: "Imaging", - title: "Advanced Multi-Camera System", - items: [ - "108MP main sensor", - "AI-powered night photography", - "8K video recording", - "Computational photography", - ], + id: "camera", label: "Imaging", title: "Advanced Multi-Camera System", items: [ + "108MP main sensor", "AI-powered night photography", "8K video recording", "Computational photography"], buttons: [{ text: "Learn More", href: "#" }], }, { - id: "performance", - label: "Power", - title: "Next-Gen Processing", - items: [ - "Snapdragon 8 Gen 3", - "12GB LPDDR5X RAM", - "UFS 4.0 storage", - "Peak performance gaming", - ], + id: "performance", label: "Power", title: "Next-Gen Processing", items: [ + "Snapdragon 8 Gen 3", "12GB LPDDR5X RAM", "UFS 4.0 storage", "Peak performance gaming"], buttons: [{ text: "Specs", href: "#" }], }, { - id: "battery", - label: "Battery", - title: "Ultra-Long Battery Life", - items: [ - "5500mAh capacity", - "120W HyperCharge", - "All-day performance", - "Adaptive power management", - ], + id: "battery", label: "Battery", title: "Ultra-Long Battery Life", items: [ + "5500mAh capacity", "120W HyperCharge", "All-day performance", "Adaptive power management"], buttons: [{ text: "Details", href: "#" }], }, ]} @@ -200,47 +155,23 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Chen", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-professional-headshot-of-a-satisfied-t-1773050198118-ade47beb.png?_wi=1", - imageAlt: "Sarah Chen tech enthusiast", - }, + id: "1", name: "Sarah Chen", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-professional-headshot-of-a-satisfied-t-1773050198118-ade47beb.png", imageAlt: "Sarah Chen tech enthusiast"}, { - id: "2", - name: "James Martinez", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-diverse-professional-in-business-casua-1773050197343-85d38fb1.png?_wi=1", - imageAlt: "James Martinez professional", - }, + id: "2", name: "James Martinez", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-diverse-professional-in-business-casua-1773050197343-85d38fb1.png", imageAlt: "James Martinez professional"}, { - id: "3", - name: "Emma Johnson", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-professional-portrait-of-a-tech-profes-1773050198082-0846d209.png?_wi=1", - imageAlt: "Emma Johnson developer", - }, + id: "3", name: "Emma Johnson", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-professional-portrait-of-a-tech-profes-1773050198082-0846d209.png", imageAlt: "Emma Johnson developer"}, { - id: "4", - name: "Alex Kumar", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-professional-business-executive-or-pro-1773050197799-3a3212f5.png?_wi=1", - imageAlt: "Alex Kumar executive", - }, + id: "4", name: "Alex Kumar", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-professional-business-executive-or-pro-1773050197799-3a3212f5.png", imageAlt: "Alex Kumar executive"}, { - id: "5", - name: "Lisa Wong", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-creative-professional-or-designer-port-1773050198415-227ea04a.png?_wi=1", - imageAlt: "Lisa Wong designer", - }, + id: "5", name: "Lisa Wong", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-creative-professional-or-designer-port-1773050198415-227ea04a.png", imageAlt: "Lisa Wong designer"}, { - id: "6", - name: "David Park", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-diverse-young-professional-portrait-wi-1773050197381-07c33a8b.png?_wi=1", - imageAlt: "David Park innovator", - }, + id: "6", name: "David Park", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhgD5SMmEp5fP6QS6d3kGy8pc4/a-diverse-young-professional-portrait-wi-1773050197381-07c33a8b.png", imageAlt: "David Park innovator"}, ]} /> @@ -258,12 +189,80 @@ export default function HomePage() { /> +