Merge version_3 into main #5
@@ -104,7 +104,7 @@
|
||||
"nameClassName?": "string",
|
||||
"roleClassName?": "string"
|
||||
},
|
||||
"usageExample": "<TeamCardFive team={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }, { id: '3', name: 'Emma Davis', role: 'Head of Design', imageSrc: '/team/emma.jpg' }, { id: '4', name: 'James Wilson', role: 'Lead Developer', imageSrc: '/team/james.jpg' }]} animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
|
||||
"usageExample": "<TeamCardFive team={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Robbinson', role: 'CTO', imageSrc: '/team/michael.jpg' }, { id: '3', name: 'Emma Davis', role: 'Head of Design', imageSrc: '/team/emma.jpg' }, { id: '4', name: 'James Wilson', role: 'Lead Developer', imageSrc: '/team/james.jpg' }]} animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
|
||||
"do": [
|
||||
"Use for team pages",
|
||||
"Use for staff directories",
|
||||
|
||||
@@ -103,7 +103,7 @@
|
||||
"textBoxButtonClassName?": "string",
|
||||
"textBoxButtonTextClassName?": "string"
|
||||
},
|
||||
"usageExample": "<TeamCardSix members={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Chen', role: 'CTO', imageSrc: '/team/michael.jpg' }]} gridVariant=\"uniform-all-items-equal\" animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
|
||||
"usageExample": "<TeamCardSix members={[{ id: '1', name: 'Sarah Johnson', role: 'CEO & Founder', imageSrc: '/team/sarah.jpg' }, { id: '2', name: 'Michael Robbinson', role: 'CTO', imageSrc: '/team/michael.jpg' }]} gridVariant=\"uniform-all-items-equal\" animationType=\"slide-up\" title=\"Meet Our Team\" description=\"The talented people behind our success\" textboxLayout=\"default\" useInvertedBackground={false} tag=\"Team\" tagIcon={Users} />",
|
||||
"do": [
|
||||
"Use for about pages",
|
||||
"Use for company information",
|
||||
|
||||
@@ -110,7 +110,7 @@
|
||||
"textBoxButtonClassName?": "string",
|
||||
"textBoxButtonTextClassName?": "string"
|
||||
},
|
||||
"usageExample": "<TestimonialCardSix testimonials={[{ id: '1', name: 'Sarah Johnson', handle: '@sarahj', testimonial: 'This component library has transformed our development workflow. The quality and attention to detail is exceptional.', imageSrc: '/avatar1.jpg', imageAlt: 'Sarah Johnson' }, { id: '2', name: 'Michael Chen', handle: '@mchen', testimonial: 'Incredibly well-designed components that are both beautiful and functional. Highly recommend!', imageSrc: '/avatar2.jpg', imageAlt: 'Michael Chen' }]} animationType=\"slide-up\" title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
|
||||
"usageExample": "<TestimonialCardSix testimonials={[{ id: '1', name: 'Sarah Johnson', handle: '@sarahj', testimonial: 'This component library has transformed our development workflow. The quality and attention to detail is exceptional.', imageSrc: '/avatar1.jpg', imageAlt: 'Sarah Johnson' }, { id: '2', name: 'Michael Robbinson', handle: '@mchen', testimonial: 'Incredibly well-designed components that are both beautiful and functional. Highly recommend!', imageSrc: '/avatar2.jpg', imageAlt: 'Michael Robbinson' }]} animationType=\"slide-up\" title=\"What Our Clients Say\" description=\"Hear from those who've experienced our work\" textboxLayout=\"default\" useInvertedBackground={false} />",
|
||||
"do": [
|
||||
"Use for social proof",
|
||||
"Use for customer reviews",
|
||||
|
||||
@@ -67,7 +67,7 @@
|
||||
"cardTitleClassName?": "string",
|
||||
"cardTagClassName?": "string"
|
||||
},
|
||||
"usageExample": "<TestimonialCardTwelve testimonials={[{ id: '1', name: 'Sarah Johnson', imageSrc: '/testimonials/sarah.jpg' }, { id: '2', name: 'Michael Chen', imageSrc: '/testimonials/michael.jpg' }, { id: '3', name: 'Emma Davis', imageSrc: '/testimonials/emma.jpg' }, { id: '4', name: 'James Wilson', imageSrc: '/testimonials/james.jpg' }]} cardTitle=\"Over 10,000 customers trust us to deliver exceptional results\" cardTag=\"See what they say\" useInvertedBackground={false} />",
|
||||
"usageExample": "<TestimonialCardTwelve testimonials={[{ id: '1', name: 'Sarah Johnson', imageSrc: '/testimonials/sarah.jpg' }, { id: '2', name: 'Michael Robbinson', imageSrc: '/testimonials/michael.jpg' }, { id: '3', name: 'Emma Davis', imageSrc: '/testimonials/emma.jpg' }, { id: '4', name: 'James Wilson', imageSrc: '/testimonials/james.jpg' }]} cardTitle=\"Over 10,000 customers trust us to deliver exceptional results\" cardTag=\"See what they say\" useInvertedBackground={false} />",
|
||||
"do": [
|
||||
"Use for feature showcases",
|
||||
"Use for capability displays",
|
||||
|
||||
@@ -130,11 +130,11 @@ export default function LandingPage() {
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Eden Prairie, MN", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-sweater-autumn-park_1303-11368.jpg?id=3389560", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Property Manager", company: "Farmington Estates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg?_wi=2", imageAlt: "Michael Chen"},
|
||||
id: "2", name: "Michael Robbinson", role: "Property Manager", company: "Farmington Estates", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg?_wi=2", imageAlt: "Michael Robbinson"},
|
||||
{
|
||||
id: "3", name: "Jennifer Martinez", role: "Homeowner", company: "Countryside, MN", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifull-caucasian-woman-with-curly-hair-smiles-isolated_132075-7608.jpg?id=12072689", imageAlt: "Jennifer Martinez"},
|
||||
id: "3", name: "Jennifer Thao", role: "Homeowner", company: "Countryside, MN", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautifull-caucasian-woman-with-curly-hair-smiles-isolated_132075-7608.jpg?id=12072689", imageAlt: "Jennifer Thao"},
|
||||
{
|
||||
id: "4", name: "David Thompson", role: "Business Owner", company: "Twin Cities Commercial", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/premium-photo/handsome-man-using-smartphone-living-room_13339-178427.jpg?id=1802012", imageAlt: "David Thompson"},
|
||||
|
||||
Reference in New Issue
Block a user