Merge version_1 into main #1
@@ -50,13 +50,13 @@ export default function TwitterRedesignPage() {
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tweet-mockup_23-2149213892.jpg", imageAlt: "Modernized Twitter feed interface"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tweet-mockup_23-2149213892.jpg?_wi=1", imageAlt: "Modernized Twitter feed interface"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface_23-2148587732.jpg", imageAlt: "Refined tweet composition area"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface_23-2148587732.jpg?_wi=1", imageAlt: "Refined tweet composition area"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/instagram-profile-interface-template-with-mobile-phone_23-2148410232.jpg", imageAlt: "Updated notifications and messaging"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/instagram-profile-interface-template-with-mobile-phone_23-2148410232.jpg?_wi=1", imageAlt: "Updated notifications and messaging"
|
||||
}
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
@@ -95,19 +95,19 @@ export default function TwitterRedesignPage() {
|
||||
{
|
||||
id: 1,
|
||||
title: "Refined Feed Layout", description: "A cleaner, more spacious feed with improved typography hierarchy and better visual separation between tweets. Cards now breathe with thoughtful padding and rounded corners.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg", imageAlt: "Refined Twitter feed with improved spacing"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg?_wi=1", imageAlt: "Refined Twitter feed with improved spacing"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/app-learn-languages_23-2148621296.jpg", imageAlt: "Tweet card design with enhanced typography"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/app-learn-languages_23-2148621296.jpg?_wi=1", imageAlt: "Tweet card design with enhanced typography"
|
||||
}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Intuitive Controls", description: "Action buttons are now positioned logically with larger touch targets and clearer labeling. Hover states and micro-interactions provide instant visual feedback for a more responsive feel.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg", imageAlt: "Improved interaction controls and buttons"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg?_wi=1", imageAlt: "Improved interaction controls and buttons"
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2024.jpg", imageAlt: "Enhanced button states and feedback"
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2024.jpg?_wi=1", imageAlt: "Enhanced button states and feedback"
|
||||
}
|
||||
}
|
||||
]}
|
||||
@@ -127,15 +127,15 @@ export default function TwitterRedesignPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Typography", name: "Modern Type Scale", price: "7 Weights", rating: 5,
|
||||
reviewCount: "Optimized", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tweet-mockup_23-2149213892.jpg", imageAlt: "Typography design system"
|
||||
reviewCount: "Optimized", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-tweet-mockup_23-2149213892.jpg?_wi=2", imageAlt: "Typography design system"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Components", name: "Interactive Elements", price: "40+ Items", rating: 5,
|
||||
reviewCount: "Complete", imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface_23-2148587732.jpg", imageAlt: "Component library showcase"
|
||||
reviewCount: "Complete", imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface_23-2148587732.jpg?_wi=2", imageAlt: "Component library showcase"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Color System", name: "Accessible Palette", price: "WCAG AA+", rating: 5,
|
||||
reviewCount: "Compliant", imageSrc: "http://img.b2bpic.net/free-vector/instagram-profile-interface-template-with-mobile-phone_23-2148410232.jpg", imageAlt: "Color palette and accessibility"
|
||||
reviewCount: "Compliant", imageSrc: "http://img.b2bpic.net/free-vector/instagram-profile-interface-template-with-mobile-phone_23-2148410232.jpg?_wi=2", imageAlt: "Color palette and accessibility"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -151,16 +151,16 @@ export default function TwitterRedesignPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "45%", title: "Faster Navigation", description: "Reduced clicks to core actions", imageSrc: "http://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg", imageAlt: "Navigation improvements"
|
||||
id: "1", value: "45%", title: "Faster Navigation", description: "Reduced clicks to core actions", imageSrc: "http://img.b2bpic.net/free-vector/pastel-home-screen-template-smartphone_23-2148725130.jpg?_wi=2", imageAlt: "Navigation improvements"
|
||||
},
|
||||
{
|
||||
id: "2", value: "89%", title: "User Satisfaction", description: "In initial testing feedback", imageSrc: "http://img.b2bpic.net/free-vector/app-learn-languages_23-2148621296.jpg", imageAlt: "User satisfaction metrics"
|
||||
id: "2", value: "89%", title: "User Satisfaction", description: "In initial testing feedback", imageSrc: "http://img.b2bpic.net/free-vector/app-learn-languages_23-2148621296.jpg?_wi=2", imageAlt: "User satisfaction metrics"
|
||||
},
|
||||
{
|
||||
id: "3", value: "3.2s", title: "Avg Load Time", description: "Optimized performance", imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg", imageAlt: "Performance optimization"
|
||||
id: "3", value: "3.2s", title: "Avg Load Time", description: "Optimized performance", imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2027.jpg?_wi=2", imageAlt: "Performance optimization"
|
||||
},
|
||||
{
|
||||
id: "4", value: "100%", title: "WCAG Compliant", description: "Accessibility standards met", imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2024.jpg", imageAlt: "Accessibility compliance"
|
||||
id: "4", value: "100%", title: "WCAG Compliant", description: "Accessibility standards met", imageSrc: "http://img.b2bpic.net/free-vector/hotel-booking-app-ui-design-screen_47987-2024.jpg?_wi=2", imageAlt: "Accessibility compliance"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user