Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 91ef13c36c | |||
| 7d189d21d1 | |||
| 9c3307e838 | |||
| 6f5205cb31 | |||
| 8dc01e9ab1 | |||
| 9ad90e48af | |||
| cdcf163768 | |||
| 13da6f06af | |||
| 47c1fdc55a | |||
| 963b0b46b5 | |||
| e4d10776d4 | |||
| 9f168a255b | |||
| 2ab9e888ca |
@@ -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",
|
||||
|
||||
@@ -101,17 +101,17 @@ export default function LandingPage() {
|
||||
tag="Project Gallery"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Wood Privacy Fence - Farmington", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg?_wi=3", imageAlt: "Wood privacy fence project"},
|
||||
id: "1", name: "Wood Privacy Fence - Farmington", price: "Completed 2025", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg?_wi=3", imageAlt: "Wood privacy fence project"},
|
||||
{
|
||||
id: "2", name: "White Vinyl Installation - Eden Prairie", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/white-wall-with-tree-leaf-wall_74190-7307.jpg?_wi=2", imageAlt: "White vinyl fence project"},
|
||||
id: "2", name: "White Vinyl Installation - Eden Prairie", price: "Completed 2025", imageSrc: "http://img.b2bpic.net/free-photo/white-wall-with-tree-leaf-wall_74190-7307.jpg?_wi=2", imageAlt: "White vinyl fence project"},
|
||||
{
|
||||
id: "3", name: "Storm Damage Repair - Twin Cities", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/old-rusted-metal-gate-texture-with-peeling-turquoise-paint-spikes_626616-504.jpg?_wi=2", imageAlt: "Storm damage repair project"},
|
||||
id: "3", name: "Storm Damage Repair - Twin Cities", price: "Completed 2025", imageSrc: "http://img.b2bpic.net/free-photo/old-rusted-metal-gate-texture-with-peeling-turquoise-paint-spikes_626616-504.jpg?_wi=2", imageAlt: "Storm damage repair project"},
|
||||
{
|
||||
id: "4", name: "Custom Gate - Residential Estate", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447188.jpg?_wi=2", imageAlt: "Custom gate installation"},
|
||||
id: "4", name: "Custom Gate - Residential Estate", price: "Completed 2025", imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-discussing-neighbourhood_23-2149447188.jpg?_wi=2", imageAlt: "Custom gate installation"},
|
||||
{
|
||||
id: "5", name: "Chain Link Fence - Commercial Property", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-chain-link-fence_181624-2493.jpg?_wi=2", imageAlt: "Commercial chain link fence"},
|
||||
id: "5", name: "Chain Link Fence - Commercial Property", price: "Completed 2025", imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-chain-link-fence_181624-2493.jpg?_wi=2", imageAlt: "Commercial chain link fence"},
|
||||
{
|
||||
id: "6", name: "Multi-Section Privacy Fence", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg?_wi=4", imageAlt: "Multi-section privacy fence"},
|
||||
id: "6", name: "Multi-Section Privacy Fence", price: "Completed 2025", imageSrc: "http://img.b2bpic.net/free-photo/landscape-shot-brown-wooden-fence-mini-forest-with-clear-blue-sky_181624-17330.jpg?_wi=4", imageAlt: "Multi-section privacy fence"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -128,16 +128,16 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Eden Prairie, MN", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg?_wi=1", imageAlt: "Sarah Johnson"},
|
||||
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/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg?_wi=3", 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/free-photo/smiling-man-with-cleaning-equipment-living-room_329181-649.jpg?_wi=4", imageAlt: "David Thompson"},
|
||||
imageSrc: "http://img.b2bpic.net/premium-photo/handsome-man-using-smartphone-living-room_13339-178427.jpg?id=1802012", imageAlt: "David Thompson"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -204,7 +204,7 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Request Quote"
|
||||
buttonText="Get Free Quote"
|
||||
termsText="We respect your privacy. Unsubscribe at any time. We'll respond within 24 business hours."
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user