feat: created brand area initially

brightshift · Nov 14, 2024 · 7c12cf8 · 7c12cf8
1 parent 3e3998c
commit 7c12cf8
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 7 deletions.
diff --git a/app/home2.0/brand-and-statistics/Statistics.tsx b/app/home2.0/brand-and-statistics/Statistics.tsx
@@ -1,4 +1,8 @@
-import React from "react"
+import React from "react";
+
+
+
+import { Separator } from "@/components/ui"
 
 interface Props extends React.ComponentProps<"div"> {}
 
@@ -9,5 +13,23 @@ const data = [
 ]
 
 export const Statistics = ({ ...props }: Props) => {
-  return <div {...props}>Statistics</div>
-}
+  return (
+    <div
+      {...props}
+      className=" grid grid-cols-1 items-center *:text-center md:grid-cols-2 lg:grid-cols-3 "
+    >
+      {data.map((item) => {
+        return (
+          <div key={item.name} className="silver-text">
+            <p className="text-[65px] leading-[68.25px] tracking-[-1.3px] ">
+              {item.value}
+            </p>
+            <p className=" text-xl leading-[26px] tracking-[-0.2px] text-[#7A7A7A]">
+              {item.name}
+            </p>
+          </div>
+        )
+      })}
+    </div>
+  )
+}
diff --git a/app/home2.0/brand-and-statistics/index.tsx b/app/home2.0/brand-and-statistics/index.tsx
@@ -1,4 +1,8 @@
-import React from "react"
+import React from "react";
+
+
+
+import { Separator } from "@/components/ui"
 
 import { BrandsList } from "./BrandsList"
 import { Statistics } from "./Statistics"
@@ -7,9 +11,10 @@ interface Props extends React.ComponentProps<"div"> {}
 
 export const BrandAndStatistics = ({ ...props }: Props) => {
   return (
-    <div {...props}>
+    <div {...props} className="py-10">
       <BrandsList />
+      <Separator className="my-20" />
       <Statistics />
     </div>
   )
-}
+}
diff --git a/app/home2.0/word-explanation/CustomerStory.tsx b/app/home2.0/word-explanation/CustomerStory.tsx
@@ -1,4 +1,6 @@
-import React from "react"
+"use client"
+
+import React, { useState } from "react"
 import Image from "next/image"
 import man from "@/assets/man-setting.avif"
 import playIcon from "@/assets/play.svg"
@@ -9,6 +11,7 @@ import { MainTitle } from "../MainTitle"
 interface Props extends React.ComponentProps<"div"> {}
 
 export const CustomerStory = ({ ...props }: Props) => {
+  const [isOpen, setIsOpen] = useState(false)
   return (
     <div
       {...props}