Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #22.
This commit is contained in:
2026-03-05 04:49:41 +00:00
2 changed files with 3 additions and 3 deletions

View File

@@ -17,7 +17,7 @@
"structure": { "structure": {
"icon": "LucideIcon - Icon component from lucide-react (required)", "icon": "LucideIcon - Icon component from lucide-react (required)",
"label": "string - Descriptive label for the metric (required, e.g., 'Conversions', 'Partnered Brands')", "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." "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", "metricLabelClassName?": "string",
"metricValueClassName?": "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": [ "do": [
"Use for feature showcases", "Use for feature showcases",
"Use for capability displays", "Use for capability displays",

View File

@@ -167,7 +167,7 @@ export default function LandingPage() {
tag="By the Numbers" tag="By the Numbers"
metrics={[ 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"] id: "2", value: "500+", title: "Properties Transformed", items: ["Residential homes and estates", "Commercial properties enhanced", "Long-term relationships maintained"]