Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #22.
This commit is contained in:
@@ -17,7 +17,7 @@
|
||||
"structure": {
|
||||
"icon": "LucideIcon - Icon component from lucide-react (required)",
|
||||
"label": "string - Descriptive label for the metric (required, e.g., 'Conversions', 'Partnered Brands')",
|
||||
"value": "string - Metric value to display (required, e.g., '7,000+', '2018', '30+', '100M+')"
|
||||
"value": "string - Metric value to display (required, e.g., '7,000+', '2018', '10+', '100M+')"
|
||||
},
|
||||
"note": "Provide 2-4 metrics for optimal layout. Grid automatically adjusts columns based on metric count (2 metrics = 2 cols, 3 metrics = 3 cols, 4 metrics = 4 cols). Import icons from lucide-react."
|
||||
}
|
||||
@@ -37,7 +37,7 @@
|
||||
"metricLabelClassName?": "string",
|
||||
"metricValueClassName?": "string"
|
||||
},
|
||||
"usageExample": "// Wrap in ThemeProvider\nimport { TrendingUp, ShoppingCart, Users, Globe } from 'lucide-react';\n\n<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"reveal-blur\" borderRadius=\"soft\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n <AboutMetric \n title=\"At Berco Inc. we redefine innovation by empowering businesses to reach their full potential\" \n useInvertedBackground={false}\n metrics={[\n { icon: TrendingUp, label: 'Conversions', value: '7,000+' },\n { icon: ShoppingCart, label: 'Ecommerce Since', value: '2018' },\n { icon: Users, label: 'Partnered Brands', value: '30+' },\n { icon: Globe, label: 'Global Impressions Generated Annually', value: '100M+' }\n ]} \n />\n</ThemeProvider>",
|
||||
"usageExample": "// Wrap in ThemeProvider\nimport { TrendingUp, ShoppingCart, Users, Globe } from 'lucide-react';\n\n<ThemeProvider defaultButtonVariant=\"icon-arrow\" defaultTextAnimation=\"reveal-blur\" borderRadius=\"soft\" background=\"aurora\" cardStyle=\"glass-elevated\" primaryButtonStyle=\"gradient\" secondaryButtonStyle=\"glass\">\n <AboutMetric \n title=\"At Berco Inc. we redefine innovation by empowering businesses to reach their full potential\" \n useInvertedBackground={false}\n metrics={[\n { icon: TrendingUp, label: 'Conversions', value: '7,000+' },\n { icon: ShoppingCart, label: 'Ecommerce Since', value: '2018' },\n { icon: Users, label: 'Partnered Brands', value: '10+' },\n { icon: Globe, label: 'Global Impressions Generated Annually', value: '100M+' }\n ]} \n />\n</ThemeProvider>",
|
||||
"do": [
|
||||
"Use for feature showcases",
|
||||
"Use for capability displays",
|
||||
|
||||
@@ -167,7 +167,7 @@ export default function LandingPage() {
|
||||
tag="By the Numbers"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "30+", title: "Years Serving the Southeast", items: ["Three generations of expertise", "Trusted by families across the region", "Built on Southern values and craftsmanship"]
|
||||
id: "1", value: "10+", title: "Years Serving the Southeast", items: ["Three generations of expertise", "Trusted by families across the region", "Built on Southern values and craftsmanship"]
|
||||
},
|
||||
{
|
||||
id: "2", value: "500+", title: "Properties Transformed", items: ["Residential homes and estates", "Commercial properties enhanced", "Long-term relationships maintained"]
|
||||
|
||||
Reference in New Issue
Block a user